正在读取中...

正在读取中...

当前位置:首页 > JS代码 > 弹窗漂浮

微信扫一扫打开网址提示”在外部浏览器中打开“的代码

所属栏目:弹窗漂浮 时间:2015-04-11 来源:前端开发博客 作者:酷剑 次围观 次下载
微信扫一扫打开网址提示”在外部浏览器中打开“的代码
兼容:
查看演示
下载地址
收藏

正在读取中...

使用微信扫一扫打开网址时,是无法在微信内下载软件、手机APP等。必须要点击右上角三个店,选择“在外部浏览器中打开”才可以。

但是很多用户并不知道,只会点击无反应,所以现在流行的做法是:

直接判断微信的ua,然后弹出一个遮罩提示用户在浏览器中打开下载,如下图所示:


这样,用户是知道该怎么操作了!

一共有三种版本:

版本一:纯js。

版本二:纯jQuery。

版本三:jquery+css+div(虽然操作复杂,但实际上平时常用这种)。

三种版本都在演示中可以看到效果

另加一个判断手机QQ的UA

function is_mobileQQ() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/\sQQ/i) == " qq" && /iphone/i.test(ua) == false) {
return true;
} else {
return false;
}
}

号外:由于这个代码一进入就是弹出提示,可能会影响用户其它操作,故而写了另一篇优化的代码,支持用户点击下载链接之后才弹出提示,并且还可以点击关闭。

详情请看:

微信扫描打开APP下载网页点击链接才提示代码


具体效果请看演示,一流资源网推荐下载。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

正在读取中...

共有 条评论

给个评价吧

验证码:

正在读取中...

下载最多的

1微信扫一扫打开网址提示”在外部浏览器中打开“的代码

微信扫一扫打开网址提示”在外部浏览器中打开“的代码

2微信扫描打开网址点击APP下载链接才提示在外部浏览器中打开代码

微信扫描打开网址点击APP下载链接才提示在外部浏览器中打开代码

3网页返回顶部Jquery插件-jquery.returnTop

网页返回顶部Jquery插件-jquery.returnTop

4jquery仿天猫右侧栏飞入加入购物车 返回顶部代码

jquery仿天猫右侧栏飞入加入购物车 返回顶部代码

5一款二维码微信右边悬浮框效果代码

一款二维码微信右边悬浮框效果代码

6带微信二维码的JS返回顶部代码

带微信二维码的JS返回顶部代码

7jquery返回顶部插件-jq_scrollTopBtn

jquery返回顶部插件-jq_scrollTopBtn

8jquery win8风格的页面返回顶部按钮代码带二维码和qq在线客服

jquery win8风格的页面返回顶部按钮代码带二维码和qq在线客服

9英文版加网社会化分享按钮代码

英文版加网社会化分享按钮代码

10可定时几秒后自动关闭的js弹出层广告代码

可定时几秒后自动关闭的js弹出层广告代码

正在读取中...

最近更新的

1Portamento-浮动固定位置/滑动定位插件

Portamento-浮动固定位置/滑动定位插件

2可设置每天只弹出一次的JS弹窗代码jquery.cookie

可设置每天只弹出一次的JS弹窗代码jquery.cookie

3jQuery图片点击弹出层显示详情

jQuery图片点击弹出层显示详情

4可定时几秒后自动关闭的js弹出层广告代码

可定时几秒后自动关闭的js弹出层广告代码

5jquery模仿win8风格悬浮右侧多功能在线客服代码

jquery模仿win8风格悬浮右侧多功能在线客服代码

6JQuery简洁灰色滚动顶部插件

JQuery简洁灰色滚动顶部插件

7jQuery页面滚动自动弹出的客服代码

jQuery页面滚动自动弹出的客服代码

8JQuery多功能右侧飘浮客服代码

JQuery多功能右侧飘浮客服代码

9jquery带二维码的的QQ在线咨询客服代码

jquery带二维码的的QQ在线咨询客服代码

10一款二维码微信右边悬浮框效果代码

一款二维码微信右边悬浮框效果代码