cordva html页面跳转,cordova打开web页如何再跳回来。

这两天刚有这个类似sso的需求,思路是受主楼启发,一路找到了github。最新dev分支的inAppBrowser已经支持已postMessage的方式传值。不需要这样暴力监听的模式了。

首先要安装3.1.0-dev的inAppBrowser,如果已经装过 以前的要卸掉。

cordova plugin add https://github.com/apache/cordova-plugin-inappbrowser.git

然后就可以用新api了

var url = "https://braintree.github.io/popup-bridge-example/this_launches_in_popup.html";

iab = cordova.InAppBrowser.open(url, '_blank');

iab.addEventListener('message', function(e) {

var msg =  JSON.stringify(e);

iab.close();

console.log("Message received: " +msg);

alert(msg);

});

iab.addEventListener('loadstop', function (e) {

iab.executeScript({

code: "(function() { " +

"var body = document.querySelector('body'); " +

"var button = document.createElement('button'); " +

"button.innerHTML = 'Click Me'; " +

"body.appendChild(button); " +

"button.addEventListener(\"click\",function(e){" +

"var message = {my_message: 'Hello World!'};" +

"webkit.messageHandlers.cordova_iab.postMessage(JSON.stringify(message));" +

"},false);" +

"})(); "

});

});

要注意用webkit.messageHandlers.cordova_iab.postMessage(msg) 这个方法传出来的参,必须是json字符串,否则不能触发外面的message事件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cordova App是一种跨平台的移动应用开发框架,可以基于HTML、CSS和JavaScript构建应用程序,同时支持Android和iOS等多个平台。在Cordova App中,可以通过使用插件来实现跳转功能。 跳转是指从一个面或应用程序跳转到另一个面或应用程序。在Cordova App中,可以通过使用插件来实现不同平台的跳转功能。例如,对于Android平台可以使用Cordova的InAppBrowser插件来打开一个浏览器窗口,并在该窗口中加载指定的URL面。类似地,对于iOS平台可以使用Cordova的SafariViewController插件来打开一个在应用程序内部显示的浏览器窗口。 除了通过插件实现跳转功能,Cordova App还可以通过使用JavaScript代码来实现内部面之间的跳转。通过使用Cordova提供的面导航API,可以在不刷新整个应用程序的情况下,实现不同面之间的跳转。可以通过在JavaScript中使用函数`window.location.href`或`window.location.replace`来修改面的URL,进而实现页面跳转。 在Cordova App中进行跳转操作时,通常需要注意以下几点: 1. 合理使用跳转功能,避免过多跳转造成用户体验的不流畅。 2. 对于外部跳转,例如打开网页或其他应用程序,需要注意用户隐私和安全问题。 3. 在跳转过程中,可以通过传递参数来实现面之间的数据传递,从而实现更复杂的业务逻辑。 总之,Cordova App提供了丰富的跳转功能,可以通过插件和JavaScript代码来实现面之间的跳转。开发者可以根据具体需求选择合适的方法和技术来实现应用程序中的跳转功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值