移动应用中打开新页面 --- phonegap插件childbrowser子浏览器

最近的项目需要在app运行中打开新的页面进行导航,我首先给了个链接直接链接到google map导航,链接跳转过去了,但是应用却回不去了,后来采用了一个新页面用iframe显示,虽然也解决了问题,但是只能显示出地图,无法充分的应用google map导航的其他一些功能,今天才知道原来phonegap的第三方插件childbrowser完全可以帮我们解决这个问题,下面介绍一下这个插件最基本得用法,主要是官网上的文档:
Android:
1. 将childbrowser.js文件导入到你的项目中;
2. 将childbrowser文件夹放到www目录下;
3. 新建src/com/phonegap/plugins/childBrowser,将ChildBrowser.java放到这个目录中。
4. 在res/xml/config.xml文件中添加配置:<plugin name="ChildBrowser" value="com.phonegap.plugins.childBrowser.ChildBrowser"/>;
5. 然后就是绑定事件了,在我的应用中是给一个图片绑定点击事件,点击跳转到导航页面,代码如下
$('#navigation',page).unbind('vclick').bind('vclick',function(){
var url = http://maps.google.com/?saddr=34.052222,-118.243611&daddr=37.322778,-122.031944;
window.plugins.childBrowser.showWebPage(url, { showLocationBar: true });
});

IOS:
待更新。。。。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值