如何在phonegap中使用自带浏览器打开链接
2个回答
展开全部
phonegap 3.5 使用自带浏览器打开链接，方法如下
首先在cmd中的操作大概写一下
先进入项目对应的目录
cd workspace/test
添加cordova inappbrowser插件
cordova plugin add org.apache.cordova.inappbrowser
进入 index.html引入相关文件 和写入js 操作
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!-- 引入jqmobi的一些东西就省略了 -->
<!-- 把cordova.js 和 cordova_plugins.js 都引入 -->
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="cordova_plugins.js"></script>
</head>
<body>
<a href="#" class="ad_open_browser">打开广告</a>
<script type="text/javascript">
/* phonegap初始化 */
/* 要在codova 加载完成之后再执行相关的方法 */
//我这里的广告路径需要改变的。所以使用ajax获取。
function onDeviceReady(){
//广告链接路径
var ad_path;
//广告图数据设置
var main_ad_opts = {
url:BANNERAPI,
type:"GET",
dataType:"jsonp",
jsonp:"callback",
jsonpCallback:"callback",
success:function(data){
ad_path = data.url;
console.log("广告链接加载成功");
},
error:function(){
console.log("加载失败");
}
}
//广告图数据
$.ajax( main_ad_opts );
//这里使用的是点击打开。可以自行修改
$(".ad_open_browser").bind("tap",function(){
console.log( '进来了' );
window.open( ad_path, '_blank', 'location=yes');//这里是打开phonegap内部的浏览器
//window.open( ad_path, '_system', 'location=yes' );//使用这个能够打开手机自带的浏览器
})
}
document.addEventListener("deviceready", onDeviceReady, false);
</script>
</body>
</html>
//然后记得回到项目目录重新 build 一下
cordova build
首先在cmd中的操作大概写一下
先进入项目对应的目录
cd workspace/test
添加cordova inappbrowser插件
cordova plugin add org.apache.cordova.inappbrowser
进入 index.html引入相关文件 和写入js 操作
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!-- 引入jqmobi的一些东西就省略了 -->
<!-- 把cordova.js 和 cordova_plugins.js 都引入 -->
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="cordova_plugins.js"></script>
</head>
<body>
<a href="#" class="ad_open_browser">打开广告</a>
<script type="text/javascript">
/* phonegap初始化 */
/* 要在codova 加载完成之后再执行相关的方法 */
//我这里的广告路径需要改变的。所以使用ajax获取。
function onDeviceReady(){
//广告链接路径
var ad_path;
//广告图数据设置
var main_ad_opts = {
url:BANNERAPI,
type:"GET",
dataType:"jsonp",
jsonp:"callback",
jsonpCallback:"callback",
success:function(data){
ad_path = data.url;
console.log("广告链接加载成功");
},
error:function(){
console.log("加载失败");
}
}
//广告图数据
$.ajax( main_ad_opts );
//这里使用的是点击打开。可以自行修改
$(".ad_open_browser").bind("tap",function(){
console.log( '进来了' );
window.open( ad_path, '_blank', 'location=yes');//这里是打开phonegap内部的浏览器
//window.open( ad_path, '_system', 'location=yes' );//使用这个能够打开手机自带的浏览器
})
}
document.addEventListener("deviceready", onDeviceReady, false);
</script>
</body>
</html>
//然后记得回到项目目录重新 build 一下
cordova build
本回答由电脑网络分类达人 黄海坤推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
具体如下：
navigator.app.loadUrl(url,{ openExternal:true });
The "navigator.app" object is only available on Android. Luckily in the soon to be released 2.3.0 version of PhoneGap you will be able to do:
window.open("你要打开的网站地址", "_system");
navigator.app.loadUrl(url,{ openExternal:true });
The "navigator.app" object is only available on Android. Luckily in the soon to be released 2.3.0 version of PhoneGap you will be able to do:
window.open("你要打开的网站地址", "_system");
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
