h5与安卓和ios交互

我会带着你远行 2022-04-22 15:50 272阅读 0赞

<!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>原生与H5交互</title>
        <script>
            window.function(){
                var btn = document.getElementsByTagName('button')[0];
                btn.onclick=function(){
                    alert(navigator.userAgent)
                   //H5调取原生方法，建立连接，并向原生传参 
                   if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
                        //做一下约定，ios那边去检测一下
                        //window.getPic();
    
                        try {
                            window.webkit.messageHandlers.getMessage.postMessage(jsonStr)
                        } catch(error) {
                            console.log(error)
                        }
    
                    }else{
                        window.my.getPic();
                    } 
                }
                //原生调取H5方法，安卓和ios都可以用这一种方法
                function showPic (str) {
                    //str则为原生传过来的数据
                }
            }
    
            function getMessage(json){
                //空方法
            }
        </script>
    </head>
    <body>
        <button >跳转到原生页面</button>
    
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，272人围观）

还没有评论，来说两句吧...

相关阅读

相关 iOS-与H5的交互（四种）

之前项目中有一部分内容和H5的小伙伴协同开发的，使用了各种与H5的交互，现在有时间整理出来，和大家分享一下。这篇文章会介绍这么几个内容： 1、Html调用OC的方法。

骑猪看日落/ 2023年10月18日 10:47/ 0 赞/ 35 阅读

相关 ios传值给js_iOS h5和iOS原生交互,h5和iOS互相传值

释放双眼，带上耳机，听听看~！前言 : h5和iOS原生交互,互相传值,下面代码是完整的.M文件简单实现h5和原生交互,互相传值。 // // ViewControl

迷南。/ 2022年12月31日 11:24/ 0 赞/ 143 阅读

相关 H5如何与原生App(ios,安卓,RN)通信？

关注前端公众号前端每日一博，每日为你分享一篇前端系列博文。永不断更！前言为了提高开发效率，开发人员往往会使用原生app里面嵌套前端h5页面的快速开发方式，这就要涉

本是古典何须时尚/ 2022年12月18日 06:55/ 0 赞/ 240 阅读

相关 H5与Android和ios原生交互

判断是Android还是ios isIos() { // 判断是否是Ios return /(iPhone|iPad|iPod|iOS|

红太狼/ 2022年12月04日 09:16/ 0 赞/ 220 阅读

相关 H5如何与IOS和安卓进行交互

写在前面 > 很久没更新了，真的是没时间，周末要做兼职，工作日要加班赶项目，筋疲力尽了，今天稍微好点，更新一下吧，最近用的一些东西！问题描述 > 我们开发一款软

谁践踏了优雅/ 2022年10月09日 03:18/ 0 赞/ 196 阅读

相关 H5调用安卓和ios app原生方法

var u = navigator.userAgent var isAndroid = u.indexOf('Android') > -1 || u

桃扇骨/ 2022年09月04日 08:54/ 0 赞/ 258 阅读

相关 h5页面嵌套安卓和 pc 成功但 ios ajax不兼容

h5页面嵌套安卓和 pc 成功但 ios ajax不兼容前几天做一个抽奖模块项目，该项目是嵌套在微信公众号里面的一个模块，因为外包公司条

今天药忘吃喽~/ 2022年05月22日 08:15/ 0 赞/ 165 阅读

相关 h5与安卓和ios交互

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

我会带着你远行/ 2022年04月22日 15:50/ 0 赞/ 273 阅读

相关 H5 做分享页面安卓，ios,唤醒js

这几天做一个安卓和ios分享页面： 1. 微信内置浏览器是禁止安卓ios唤醒功能的，微博也是，所以需要执行其他浏览器打开的操作；（可以做一个引导页）

た入场券/ 2022年04月02日 19:40/ 0 赞/ 256 阅读

相关 iOS关于H5和原生页面交互

H5页面调用原生页面，首选JavaScriptCore，JSContext搭配JSExport： - (void)setupJsContent {

た入场券/ 2022年01月19日 22:59/ 0 赞/ 260 阅读