微信QQ打开网页时提示用浏览器打开

需求分析

使用微信或QQ打开网址时，无法在微信或QQ内打开常用下载软件，手机APP等。故此需要在微信qq里提示

功能实现

html实现

<div id='weixin-tip-box'><div class="triangle_border_up"><span></span></div><div class="weixin-tip"><p>请点击右上角</p><p class="content">选择"浏览器中打开"</p></div></div>

css实现

<style type="text/css">* {margin: 0;padding: 0;}#weixin-tip-box {display: none;position: fixed;right: 0;top: 4px;align-items: center;}.weixin-tip {background: #40b2a8;z-index: 100;padding: 8px;border-radius: 8px;margin-right: 8px}.weixin-tip p {text-align: center;font-size: 14px;color: #fff}.weixin-tip p.content {text-align: center;font-size: 14px}.triangle_border_up {width: 0;height: 0;border-width: 0 6px 12px;border-style: solid;border-color: transparent transparent #40b2a8;/*透明 透明  灰*/margin-left: 114px}</style>

javascript实现

<script type="text/javascript">var is_weixin = (function () {var ua = navigator.userAgent.toLowerCase();if (ua.match(/MicroMessenger/i) == "micromessenger") {//微信中打开网页return true;} else if (ua.match(/QQ/i) == "qq") {//qq里打开网页return true;} else {return false;}})();window.onload = function () {//var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;var tip = document.getElementById('weixin-tip-box');if (is_weixin) {tip.style.display = 'block';return false;}}</script>

实现效果

<!DOCTYPE html>
<html lang="zh_CN"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="description" content=""><meta name="keywords" content=""><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><meta name="renderer" content="webkit"><style type="text/css">* {margin: 0;padding: 0;}#weixin-tip-box {display: none;position: fixed;right: 0;top: 4px;align-items: center;}.weixin-tip {background: #40b2a8;z-index: 100;padding: 8px;border-radius: 8px;margin-right: 8px}.weixin-tip p {text-align: center;font-size: 14px;color: #fff}.weixin-tip p.content {text-align: center;font-size: 14px}.triangle_border_up {width: 0;height: 0;border-width: 0 6px 12px;border-style: solid;border-color: transparent transparent #40b2a8;/*透明 透明  灰*/margin-left: 114px}</style><title>app下载</title>
</head><body class="success"><div id='weixin-tip-box'><div class="triangle_border_up"><span></span></div><div class="weixin-tip"><p>请点击右上角</p><p class="content">选择"浏览器中打开"</p></div></div><script type="text/javascript">var is_weixin = (function () {var ua = navigator.userAgent.toLowerCase();if (ua.match(/MicroMessenger/i) == "micromessenger") {//微信中打开网页return true;} else if (ua.match(/QQ/i) == "qq") {//qq里打开网页return true;} else {return true;}})();window.onload = function () {//var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;var tip = document.getElementById('weixin-tip-box');if (is_weixin) {tip.style.display = 'block';return false;}}</script>
</body></html>

js判断移动端使用的系统平台

var u = navigator.userAgent;if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机} else if (u.indexOf('iPhone') > -1) {//苹果手机} else if (u.indexOf('Windows Phone') > -1) {//winphone手机}

js判断访问网站的设备是否是PC

//平台、设备和操作系统
var system ={
win : false,
mac : false,
xll : false
};
//检测平台
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
//跳转语句
if(system.win||system.mac||system.xll){
alert("PC访问");
}else{
alert("非PC访问");
}

微信QQ打开网页时提示用浏览器打开相关推荐

qq打开网页时提示用浏览器打开html,微信QQ打开网页时提示用浏览器打开
微信QQ打开网页时提示用浏览器打开一,需求分析 1.1,使用微信或QQ打开网址时,无法在微信或QQ内打开常用下载软件,手机APP等.故此需要在微信qq里提示二,功能实现 2.1 html实现请点 ...
微信内部浏览器打开网页时提示外部浏览器打开升级版
使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等. 解决方案:弹出一个遮罩提示用户在新的浏览器窗口打开. 使用的是纯JS+HTML+CSS结合的方式,但不要一进入微信就弹出提示它在新浏览 ...
微信内部浏览器打开网页时提示外部浏览器打开遮罩升级版
上半年公司有一个新的APP项目上线,我们在项目首页做个二维码,然后用户用手机扫一扫就能下载了.但是很多用户反映扫一扫之后下载不了,了解之后才知道这些用户都是使用的微信的扫一扫,而我们开发测试人员一般使 ...
adb打开网页_android 使用指定浏览器打开网页
梳理下流程: 枚举对应浏览器包名到数组中数组循环根据包名找到对应的LaunchIntent 通过LaunchIntent找到对应的LaunchActivity的包名 Intent通过设置activi ...
html可以用搜狗浏览器打开网页,win8使用搜狗浏览器打开网页“显示WEB浏览器已对此页面进行了修改以帮助跨站脚本”怎么办...
windows8系统自带IE浏览器,但是一些用户还是喜欢下载第三方浏览器,比如搜狗浏览器,使用搜狗浏览器过程中总会遇到一些故障问题,比如win8使用搜狗浏览器打开网页"显示WEB浏览器已对此 ...
chrome打开网页很慢,别的浏览器打开相同的网页很快
我们的测试环境,同事总是吐槽打开很慢,但是我这里速度很正常,1s打开,他哪里经常性的超时,超时时间10s,开始以为是chrome的某些插件导致的,全部关闭发现不行并且,使用其他浏览器打开就很快,然后 ...
ie浏览器网页版进入_IE浏览器打开网页提示无法打开Internet站点的解决办法
IE浏览器打开网页时提示Internet explorer无法打开站点,这是什么问题?Internet explorer打不开网页提示无法打开站点怎么办?请看下文五种解决办法. 方法一:管理加载项打 ...
html判断是否在微信里打开,JavaScript判断浏览器内核，微信打开自动提示在浏览器打开...
微信会屏蔽 URL 自定义的 scheme ,导致无法跳转手机中的浏览器.网上有一些工具类网站可以实现直接跳转浏览器,之后有机会我会整理一下.我们今天只讨论通过 JavaScript 判断是否在微信浏 ...
JavaScript判断浏览器内核，微信打开自动提示在浏览器打开
微信会屏蔽 URL 自定义的 scheme ,导致无法跳转手机中的浏览器.网上有一些工具类网站可以实现直接跳转浏览器,之后有机会我会整理一下.我们今天只讨论通过 JavaScript 判断是否在微信浏 ...

微信QQ打开网页时提示用浏览器打开

需求分析

功能实现

css实现

javascript实现

实现效果

js判断移动端使用的系统平台

js判断访问网站的设备是否是PC

微信QQ打开网页时提示用浏览器打开相关推荐

最新文章

热门文章