(function () {    var u = navigator.userAgent;    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);

    if(isAndroid){        (function(){            function android_inter(){                let t_url = "xxxxxx";                document.getElementById("事件监听的DOM节点").onclick = function () {                    android.onNavigateByScheme(t_url);                }            }            android_inter();        })();    }else if(isiOS){        /**         *  UIWebView与JS之间的桥接         */        function setupWebViewJavascriptBridge(callback) {            if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }            if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }            window.WVJBCallbacks = [callback];            var WVJBIframe = document.createElement('iframe');            WVJBIframe.style.display = 'none';            WVJBIframe.src = 'https://__bridge_loaded__';            document.documentElement.appendChild(WVJBIframe);            setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)        }        let t_url = "xxxxxx";        document.getElementById("事件监听的DOM节点").onclick = function () {            setupWebViewJavascriptBridge(function(bridge) {                bridge.callHandler("客户端定义好的函数名",t_url, function (responseData) {                });            });        }    }})();

转载于:https://www.cnblogs.com/Neilisme/p/9560902.html

JS和安卓 IOS的交互 例子式记录相关推荐

  1. 【REACT NATIVE 系列教程之十二】REACT NATIVE(JS/ES)与IOS(OBJECT-C)交互通信

    一用到跨平台的引擎必然要有引擎与各平台原生进行交互通信的需要.那么Himi先讲解React Native与iOS之间的通信交互. 本篇主要分为两部分讲解:(关于其中讲解的OC语法等不介绍,不懂的请自行 ...

  2. android ios web兼容,js与android iOS 交互兼容

    js与android iOS 交互兼容 在Android与js交互方面还是要比iOS方便很多,而UIWebView只暴漏出- (BOOL)webView:(UIWebView *)webView sh ...

  3. 史上最简单JS复制功能,兼容安卓ios!

    1.JS复制原理: 被复制内容的元素不能被其他元素遮盖,否则无效.  (设置opacity透明为0,不可以设置display:none); 2.常规的复制方法 function copyUrl2() ...

  4. ios跟android有什么区别,ios 系统和安卓系统在交互层面上有何区别?

    大家来谈谈 ios 系统和安卓系统在交互层面上的区别? 主要是想区别下 ios 系统和安卓系统在交互上的不同点,也可以是 ui 视觉上的区别 絮 #oRA 昨天 18:13 1. 导航逻辑差异 ios ...

  5. 安卓IOS客户端调试webview页面的方法,支持实时预览

    调试方式 手机模拟器调试 真实手机调试,安卓和IOS都可以 注意事项 混合开发的时候经常要用到调试功能,调试webview方法有很多种: 直接让客户端把地址修改成本机ip地址,客户端重新出调试包 通过 ...

  6. win10一直正在检查更新_IT之家安卓/iOS版 7.15 更新:手机短信快捷登录/海外用户支持...

    IT之家 安卓和 iOS 版 7.15 更新! 这个版本是比较重大的版本,7.x 版本非常重视最底层.最基础的体验和功能,我们在陆续进行视觉方面(阅读细节.字体等)的调整后,开始对基础服务动刀,包括最 ...

  7. React Native实现js调用安卓原生代码

    1 问题 实现js调用安卓原始代码,直接上代码,简单粗暴 2 代码实现 1) 实现一个继承ReactContextBaseJavaModule的类,MyToastModule.java文件如下 pub ...

  8. ios android耳机,硬件 篇三:安卓ios和win10三大平台几款无线耳机使用体验随写 非评测 电音向...

    硬件 篇三:安卓ios和win10三大平台几款无线耳机使用体验随写 非评测 电音向 2019-10-05 13:47:51 3点赞 8收藏 5评论 创作立场声明:内容仅代表个人观点,接受指教不接受杠, ...

  9. 超简单的混合开发入门 JS实现安卓Listview

    最近在开发一款报表引擎,里面就需要我会写js做一些简单的混合开发,刚开始学习混合开发的前两天是最郁闷的,毕竟这是一门新的语言,但是还是硬着头皮往上搞了,到第二天的时候就把支持懒加载的Listview倒 ...

最新文章

  1. 2.最详细的WSDD配置文件注释
  2. 卷积、傅立叶变换、拉普拉斯变换、Z变换
  3. 什么时候需要在外壳变量周围花括号?
  4. java 页面传输中文乱码解决方式
  5. 架构师成长系列 | 从 2019 到 2020,Apache Dubbo 年度回顾与总结
  6. Android Material Design之Toolbar与Palette
  7. tkinter拦截关闭事件
  8. 火狐浏览器怎么关闭自动更新 火狐浏览器关闭自动更新的方法
  9. 爬虫python区别_Python爬虫-04:贴吧爬虫以及GET和POST的区别
  10. output怎么用_这个功能QQ音乐,网易云音乐都有——用python实现一个音乐检索器...
  11. APP拉新的五种方法,找准目标用户,转为注册用户
  12. 云服务器发现安全漏洞怎么解决?
  13. 解决在湖北政务服务网注册武汉公积金账户时无法点击下一步的问题
  14. MySQL数据库getdate_MySQL数据库 DateTime 默认值是不是用getdate
  15. HBase启动成功,但不能访问Web页面
  16. 成都拓嘉启远:拼多多下单后地址错误能改吗
  17. Chrome 浏览器 Javascript 调试参考
  18. 遇见一只黑猫,她说Python是个怪物
  19. 【TCAX相关】TCC文件详细说明
  20. Arcgis经纬度到平面坐标转换

热门文章

  1. 在sts中springboot工程的maven解析异常处理
  2. SIFT算法原理(不带公式)
  3. 八、梯度下降法和拟牛顿法
  4. 人口预测和阻尼-增长模型_使用分类模型预测利率-第2部分
  5. java 字符串子串_java实现字符串匹配求两个字符串的最大公共子串
  6. pcm 采样率转换_All Video Converter Pro for mac(音视频格式转换器)
  7. linux mkdir绝对路径,linux学习(六)绝对路径、相对路径、cd、mkdir、rmdir、rm(示例代码)...
  8. android进出动画有白屏,Android启动白屏原因及解决方案
  9. git2.29.2.2怎么安装_MySQL5.5怎么安装
  10. 打开方式中选择默认方式无反映_「Windows」得看,更改文件的默认应用,告别“打开方式”...