h5调用Android、ios的方法

头一次尝试调用，原理还没懂


function app_rtn(msg, data) {// $("#container").prepend($("<span>方法调用成功！" + msg + "</span><br/>"));// msg 是APP端方法名var params = { name: msg, data: data };const isiOS = /(iPhone|iPad|iPod|iOS|Mac)/i.test(navigator.userAgent)if (isiOS) {this.callNativeFunc(null, "webCall", JSON.stringify(params));} else {//android.showToast(msg);this.callNativeFunc("android", "webCall", JSON.stringify(params));}
}/*** 调用native方法* @param interfaceName oc名称* @param functionName 接口名称    eg: webCall* @param paramString 参数* @constructor*/
function callNativeFunc(interfaceName, functionName, paramString) {const isiOS = /(iPhone|iPad|iPod|iOS|Mac)/i.test(navigator.userAgent)// eslint-disable-next-line no-async-promise-executorreturn new Promise(async(resolve, reject) => {let result = nulltry {result = isiOS ? await window.prompt(functionName, paramString) : await window[interfaceName][functionName](paramString) // 同步调用返回数据// $("#container").prepend($("<span>发送成功！" + functionName + "==>" + paramString + "</span><br/>"));} catch (e) {// $("#container").prepend($("<span>发送失败！" + e + "</span><br/>"));console.error('调用native接口异常', interfaceName, functionName, paramString)console.log('interfaceName:', interfaceName)console.log('functionName:', functionName)console.log('paramString:', paramString)}console.info('调用native接口【' + functionName + '】,返回结果：', result)resolve(result)})
}

h5调用Android、ios的方法相关推荐

JS跟APP交互——H5调用原生APP的方法
js向app传值问题最近做的H5项目是需要嵌入到APP内使用的,这就涉及到js跟app交互的问题,我这边需要传值给app,以下是我在做项目过程中传值的方法,仅供参考. 解决方法 AppData这个J ...
h5调用原生App的方法合集
h5调用原生App的方法合集 1.调用原生关闭函数 let u = navigator.userAgent let isAndroid = u.indexOf('Android') > -1 | ...
h5前端调用android拍照功能,H5调用Android拍照和摄像以及选取相册
之前一直认为H5调用Android,H5不需要Android配合能直接实现功能.前段时间,自己做这个功能,才发现不是这么回事. H5编写 html文件里只需要标签即可实现代码,代码如下所示: 拍照 ο ...
h5调用android录音,html5网页录音插件Recorder
插件描述:html5 js 录音 mp3 wav ogg webm amr 格式,支持pc和Android.ios部分浏览器.和Hybrid App(提供Android IOS App源码),微信也是 ...
前端h5与 android/ios 交互传参
介绍前端与 Android/iOS 交互的代码.(双方要约定一个公用的方法) 1.与Android交互 ① 前端调用 Android 的方法,这里将约定的方法名为:HtmlToAndroid w ...
js端调用android端同步方法,JS怎样调用Android本地原生方法
1.设置webview webSettings.setJavaScriptEnabled(true);//设置js可用 MJavascriptInterface mJavascriptInterfac ...
[转]JS调用Android里面的方法，Android调用JS里面的方法
FROM : http://blog.csdn.net/hj563308597/article/details/45197709 Android WebView 在公司Android的开发过程中遇到一 ...
android 方法调用,Android 简单的方法调用方案
Method Bridge 一个简单的方法调用方案特性方法动态注册跨对象.跨页面.跨线程等方法调用添加依赖配置仓库 allprojects { repositories { ... mave ...
h5调用Android 的方法
方法 //JS交互 @JavascriptInterface public int H5Payment(String uid, String money, String cpid, String or ...

h5调用Android、ios的方法

h5调用Android、ios的方法相关推荐

最新文章

热门文章