扫描二维码，提示请在指定客户端打开连接

有时候，需要链接只能在微信上打开，如果不是，则提示请在微信客户端打开链接的字眼的网页，网页代码如下：（这个是网页应用授权时，非微信上打开，就会出现，然后把它单独拿出来了）

效果如图：

实现方法：

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
</head>
<body>
<script type="text/javascript">var ua = navigator.userAgent.toLowerCase();var isWeixin = ua.indexOf('micromessenger') != -1;var isAndroid = ua.indexOf('android') != -1;var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);if (!isWeixin) {document.head.innerHTML = '<title>抱歉，出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">';document.body.innerHTML = '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">请在微信客户端打开链接</h4></div></div>';}</script>
</body>
</html>

测试代码：

html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){//alert(window.location.href);
});</script>
</head>
<body>
<div>
dsfsdafsadfsdf
</div>
<div>
dsfsdafsadfsdf
</div>
<div>
dsfsdafsadfsdf
</div>
<div>
dsfsdafsadfsdf
</div>
<div>
dsfsdafsadfsdf
</div>
<div>
dsfsdafsadfsdf
</div><script type="text/javascript" src="../js/wx_foot.js"></script></body>
</html>

wx_foot.js

/*** 判断是否在微信内置浏览器内打开*/
function isWxBrowser(){//var ua = navigator.userAgent.toLowerCase();//var isWeixin = ua.indexOf('micromessenger') != -1;//var isAndroid = ua.indexOf('android') != -1;//var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);return navigator.userAgent.toLowerCase().indexOf('micromessenger') != -1 ? true : false;
}/*** 不是微信则提示*/
if (!isWxBrowser()) {document.head.innerHTML = '<title>抱歉，出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">';document.body.innerHTML = '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">请在微信客户端打开链接</h4></div></div>';
}

完！！！

扫描二维码，提示请在指定客户端打开连接相关推荐

mvc 扫描二维码跳转内部指定页面_开源神器：一个二维码，让文件传输不设限！...
大家好,我是小 G. 今天给大家推荐一个在前不久火遍 GitHub 的开源项目:QRCP. 从项目的命名你们应该就能大致猜测出来,这款神器的主要作用,就是能通过指定二维码,快速完成文件的传输功能. 项 ...
微信中点击链接或者扫描二维码直接跳转外部浏览器打开指定网页下载
大家在使用微信推广的时候是不是经常都会遇到推广链接被拦截导致无法下载app的情况,此时用户在微信中打开会提示"已停止访问该网页".这对于使用微信推广的商家来说非常不友好,而且造成的 ...
微信里扫描二维码弹出默认浏览器（苹果打开App Store）打开app的下载链接怎么实现
使用微信推广的用户经常都会遇到推广链接被拦截导致无法下载app的情况,此时用户在微信中打开会提示" 已停止访问该网页 ".这对于使用微信营销的商家来说就很不友好且损失非常大,因为用 ...
在微信中，实现微信点击链接或者扫描二维码在浏览器中打开指定的链接
需求概述最近很多朋友问我,为什么我的微信域名或者QQ域名怎么总是提示拦截呢?在这里跟大家说一下吧: 第一点:就是域名里面的内容违规或者诱导被举报而导致的拦截第二点:就是被用户或者同行恶意举报而导致 ...
支付宝开发扫描生成的付款二维码提示：码已失效怎么办？
问题描述: 开发过程中集成支付宝支付是扫描生成的二维码提示:二维码失效? 最近在做支付宝电脑网站支付开发时,使用官方sdk运行后,扫描生成的付款二维码提示:码已失效,请刷新二维码后重试. 导致这种错误 ...
微信扫描二维码和浏览器扫描二维码 ios和Android 分别进入不用的提示页面
实现微信扫描二维码和浏览器扫描二维码 ios和Android 分别进入不用的提示页面而进入商城下载该项目详情地址:gitee.com/DuJiaHui123- 1.创建完之后替换文件里面的ios ...
微信扫一扫功能扫描二维码调用外部浏览器打开指定页面实现微信中下载APP的功能
需求分析分享链接已经成为手机应用一个非常重要的推广传播形式.为了提高转化率,就需要用户不管是在微信内直接打开链接还是扫描二维码都能直接打下载app. 但由于微信对第三方应用管的非常严格,故目前的大环 ...
微信扫一扫扫描二维码跳转到小程序指定页面
转载:微信扫一扫扫描二维码跳转到小程序指定页面 1微信公众平台-开发-开发设置-扫普通链接二维码打开小程序 2点击添加 3设置二维码规则,选择测试范围 4 保存后,可根据测试连接生成二维码,通过微信扫 ...
扫描二维码、扫描条形码、相册获取图片后识别、生成带 Logo 二维码、支持微博微信 QQ 二维码扫描样式
GitHub项目的链接地址目录功能介绍常见问题效果图与示例 apk Gradle 依赖布局文件自定义属性说明接口说明关于我功能介绍 ZXing 生成可自定义颜色.带 logo 的二维 ...

扫描二维码，提示请在指定客户端打开连接

扫描二维码，提示请在指定客户端打开连接相关推荐

最新文章

热门文章