Cordova InAppBrowser 内置浏览器打开的网页和外壳交互

最新推荐文章于 2024-08-07 09:35:27 发布

神秘_博士

最新推荐文章于 2024-08-07 09:35:27 发布

阅读量5.1k

点赞数 2

分类专栏： Phonegap 和 Cordova

本文链接：https://blog.csdn.net/lovelyelfpop/article/details/88565296

版权

本文介绍了如何在Cordova的InAppBrowser内打开的网页与外壳应用进行交互，以调用外壳提供的如定位等插件功能。通过消息机制，外壳处理请求并返回结果给网页，详细步骤通过一个使用百度定位功能的例子进行阐述。

摘要由CSDN通过智能技术生成

Cordova 内置浏览器打开的网页，是不能直接调用 Cordova 外壳 app 里的插件功能的，比如定位、录音、播放音频等

需要利用消息机制，和外壳交互，让外壳处理，然后结果传给内置浏览器的网页。

需要使用到下面一些 api

// 外壳 app 使用内置浏览器打开网页
var ref = window.open('http://www.baidu.com', '_blank', 'locaiton=no');
// 监听消息
ref.addEventListener('message', function (params) {
   
    // params.data 就是消息
});
 
// 往内置浏览器网页中注入脚本
ref.executeScript({
    code: 'js脚本' });
// 内置浏览器中的网页发送消息给外壳
webkit.messageHandlers.cordova_iab.postMessage('消息内容')