Android版添加phonegap--ChildBrowser插件教程

最新推荐文章于 2025-06-27 16:52:23 发布

原创最新推荐文章于 2025-06-27 16:52:23 发布 · 418 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在Android PhoneGap项目中集成ChildBrowser插件，包括创建必要的文件夹、复制相关文件及配置XML文件等步骤。同时展示了HTML代码示例，说明如何使用该插件打开网页。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在Android_Phonegap项目src下创建包com.phonegap.plugins.childbrowser，将\ChildBrowser\2.0.0\src\com\plugins\childBrowser文件中的ChildBrowser.java拷贝到里面。

2.在Android_Phonegap项目assets\www下创建js文件夹，将其\ChildBrowser\2.0.0\www目录下的childbrowser.js文件拷贝在里面。

3.在Android_Phonegap项目assets\www下创建childbrowser文件夹同样将childbrowser目录下的三张图片拷贝到里面。

4.在xml\config.xml文件中，加如下信息:<plugin name=”ChildBrowser” value=”com.phonegap.plugins.childbrowser.ChildBrowser”></plugin>

HTML代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Hello PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="common/js/cordova.js"></script>
<script type="text/javascript" charset="utf-8" src="js/childbrowser.js"></script>
<script type="text/javascript" charset="utf-8">
var childBrowser;
function onBodyLoad(){
document.addEventListener("deviceready",onDeviceReady,false);
}
function onDeviceReady(){
phoneGapReady.innerHTML = "PhoneGap is Ready";
childBrowser = ChildBrowser.install();
}

function openChildBrowser(url){
try {
window.plugins.childBrowser.showWebPage(url);
childBrowser.showWebPage(url);
}catch (err){
alert(err);
}
}
</script>

</head>
<body onload="onBodyLoad()">
<button onclick="openChildBrowser('http://www.baidu.com');">Open Page</button>
</body>
</html>

KeyMob为广告主提供精准的移动营销和应用交叉推广服务,为应用开发者提供稳定的SDK并帮助实现最大化收入。