移动应用中打开新页面 --- 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:
待更新。。。。

评论

1 楼 zhukewen_java 2012-09-28  

Good, 探索精神可嘉！