设为首页收藏本站

开启辅助访问切换到宽版

PhoneGap中文网»社区板块 › IT营全栈开发 › Cordova/phonegap开发 › phonegap 3.5 使用自带浏览器打开链接

发新帖

查看: 23523|回复: 2

上一主题

下一主题

phonegap 3.5 使用自带浏览器打开链接

493 主题	2035 帖子	6894 积分

Rank: 9 Rank: 9 Rank: 9

积分: 6894

电梯直达

跳转到指定楼层

楼主

发表于 2014-6-23 22:17:32 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

因为项目需求有一个广告的功能，开始直接在phonegap中打开。感觉怪怪的。

后来发现pheongap有个 inappbrowser 的 plugin api 果断去看了一下。感觉还不错。

先上【原版api链接】

首先在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>
<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');
})
}
document.addEventListener("deviceready", onDeviceReady, false);
</script>
</body>
</html>

复制代码

//然后记得回到项目目录重新 build 一下
cordova build

复制代码

本文来自：http://www.qdkf.net/index.php/archives/18/

感谢：por 分享

收藏0 转播 淘帖0

相关帖子

回复

使用道具举报

0 主题	16 帖子	56 积分

Rank: 2

积分: 56

沙发

发表于 2015-5-11 16:32:40 | 只看该作者

好帖就是要顶学习学习

回复支持反对

使用道具举报

0 主题	16 帖子	56 积分

Rank: 2

积分: 56

板凳

发表于 2015-5-11 16:35:32 | 只看该作者

未来属于html5 phonegap 微信 wap全部搞定

回复支持反对

使用道具举报

发新帖

站长推荐 /1

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )

GMT+8, 2024-11-5 23:20 , Processed in 0.081088 second(s), 32 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表