webapp js与安卓,ios怎么交互

/*这段代码是固定的,必须要放到js中*/function setupWebViewJavascriptBridge(callback) {

var u = navigator.userAgent;  var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);  if (!isiOS) {      if (window.WebViewJavascriptBridge) {          callback(WebViewJavascriptBridge)      } else {          document.addEventListener(‘WebViewJavascriptBridgeReady‘, function (event) {              if(window.onWebViewJavascriptBridgeReady) window.onWebViewJavascriptBridgeReady(window.__bridge = WebViewJavascriptBridge);              callback(WebViewJavascriptBridge)          }, false)      }  } else {

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 = ‘wvjbscheme://__BRIDGE_LOADED__‘;      document.documentElement.appendChild(WVJBIframe);      setTimeout(function() {          document.documentElement.removeChild(WVJBIframe)      }, 0)  }

}

export default {

callhandler (name, data, callback) {    setupWebViewJavascriptBridge(function (bridge) {      bridge.callHandler(name, data, callback)    })  },

registerhandler (name, callback) {    setupWebViewJavascriptBridge(function (bridge) {      bridge.registerHandler(name, function (data, responseCallback) {        callback(data, responseCallback)      })    })  }}// 调用
this.$bridge.callhandler(‘shopCode‘,{‘test‘:‘test‘},(data) => { this.shopCode = data.shopCode;})

原文地址:https://www.cnblogs.com/langqq/p/9813296.html

时间: 2024-07-29 04:19:56

webapp js与安卓,ios怎么交互的相关文章

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

一用到跨平台的引擎必然要有引擎与各平台原生进行交互通信的需要.那么Himi先讲解React Native与iOS之间的通信交互. 本篇主要分为两部分讲解:(关于其中讲解的OC语法等不介绍,不懂的请自行学习) 1. React Native 访问iOS 2. iOS访问React Native     一:React Native 访问iOS 1. 我们想要JS调用OC函数,就要实现一个"RCTBridgeModule"协议的Objective-C类 所以首先我们先创建一个oc新类,  

支付宝红包口令自动复制到剪贴板脚本js,安卓,IOS通用版

有客户找到涛舅舅,要求开发一个可以自动支付宝红包口令的js脚本,经过大量探索和优化,目前此脚本功能已经测试成功! 预期效果: 只要来访用户在当前网页的任意位置点击一下,支付宝红包口令即可复制到用户手机的剪贴板上,只要他打开支付宝,就会触发领红包提示! 只要你有自己的网站,并且有流量,完全不需要人工干预,实现躺赚!效果非常显著! 赏金脚本使用方法: 在你的任意页面源码上(比如index.php),任意位置插入script标签即可,如下举例: 赏金脚本有以下特点: 1.安卓苹果通用,一段js代码,兼

iOS Native-Web交互学习心得

Web和Native的交互,也就是iOS object-C与Javascript之间的交互:核心代码是 [webView stringByEvaluatingJavaScriptFromString:@"xxxxxxxxxx"]; 这里主要用到的就是iOS WebKit加载网络页面,功能有获取用户位置信息,拍照,判断当前手机网络连接类型的功能(拍照和获取当前用户地理位置需要真机环境下)所以需要导入以下几个框架: 这里需要注意的是iOS8以后获取位置地理信息需要在info.plist文件

[IOS_HTML5]各种JS框架介绍--用HTML5/CSS3/JS开发Android/IOS应用

现在人人都想成为安卓/IOS应用开发工程师.其实,安卓/IOS应用可以用很多种语言来实现.由于我们前端开发工程师,对HTML5/CSS/JavaScript的网络编程已经相当熟悉了.所以,今天大家将会认识到一些利用前端语言来开发安卓/IOS应用的工具. 在文章的末尾,也介绍了使用JAVA.C#.Lua以及AS3来开发安卓应用的工具. 希望大家都能找到适合自己的开发工具!祝大家开发安卓/IOS应用一切顺利! PhoneGap 开发语言: HTML, CSS, JavaScript 开发工具: Ph

点击复制文字到剪贴板兼容性安卓ios

一般那种活动H5分享可能会用到点击复制文字到剪贴板,很简单的功能 于是搜了一搜:js复制文字到剪贴板,可用结果大致分为两类: 一类是js原生方法,这种方法兼容性不好,不兼容ios: https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand 另外,还有一些坑要注意 input/textarea为disabled不可用(readonly可以) input/textarea为hidden不可用 try{ var copy

安卓ios和angularjs相互调用解决首次调用ios传递标题失败的问题

1.angular 调用客户端方法放在 try catch中 try { js_invoke.showShareDialog(angular.toJson(obj));  // 在这里放客户端的方法即可 } catch(e) { console.log('Recommend share',obj); } 2.客户端调用angular的方法,注意方法需全局可以才能正常调用 在首页index.html中声明方法 var goBack = function() { return false }; 在具

Unity3D与iOS的交互设计<ViewController 的跳转>

原地址:http://www.aichengxu.com/article/%CF%B5%CD%B3%D3%C5%BB%AF/28797_12.html Unity3D与iOS的交互设计<ViewController 的跳转>,有需要的朋友可以参考下. 这也是第一次做这样的需求,也是公司的需要呀.做出这个真是一言难尽呀... 小弟主要不是搞iOS开发的,一直以来都是开发Android开发,只是昨天被老大叫过去做一下iOS的二维码扫描.有点iOS基础的我,只好到处搜索了.然后,二维码扫描做好了,遇

.net&#160;安卓IOS跨平台des加解密双向的(可以互相加解密)

1 #region 跨平台加解密(c# 安卓 IOS) 2 3 // public static string sKey = "12345678"; 4 5 // /// 6 7 // /// 解密 8 9 // /// 10 11 // /// 要解密的以Base64 12 13 // /// 密钥,且必须为8位 14 15 // /// 已解密的字符串 16 17 // public static string DesDecrypt(string pToDecrypt) 18 19

转载:js和as间的交互

转载一: 提及AS3与外部脚本的交互,笔者认为可以总结成两种.一是AS3调用外部函数,二是外部脚本调用AS3函数.无外乎就 这两种.在调用函数的同时,我们还可以向函数传递一些参数.这就达到了传递数据的目的.举一个最简单的例子.我们平时在网络上看视频的时候,这些用AS3 制作的播放器就是由外部脚本(可能是JS,也可能是ASP或其他脚本)传递给它的视频地址.从而就简化我们的后台程序.有的人会问!你用播放器去读取外部 的XML数据不是也可以吗?确实,当时,当你有成千上万个视频的时候,你不可能输入这么多