微信,QQ内置浏览器的判断

/**
* 判断是否在微信里打开
*/
function isWeiXin()
{
var ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == ‘micromessenger‘)
{
return true;

}else
{
return false;
}
}

/**
* 判断是否在QQ里打开
*/
function isQQ()
{
var ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/QQ/i)==‘qq‘){
return true;
}else{
return false;
}
}

由于微信对不安全的url不进行传参,需要在浏览器中打开的指示页:

/**
* 加载页面时,对微信和QQ内置的浏览器进行判断
*/
function load(){
var winHeight = typeof window.innerHeight != ‘undefined‘ ? window.innerHeight : document.documentElement.clientHeight;
var weixinTip = $(‘<div id="weixinTip"><p><img src="image/live_weixin.png" alt="微信打开" style="width:100%;"/></p></div>‘);
if(isWeiXin())
{
$("body").append(weixinTip);
/*
var p = $("#bb");//document.getElementsByTagName(‘body‘);
//<td><img src=‘../image/timg.jpeg‘ width=‘100%‘ id=‘imagesrc‘/></td>
p[0].innerHTML = "<font color=\"#FF0000\">点击右上角,选择其它浏览器打开网页</font><img src=\"image/live_weixin.png\" width=\"100%\">"; */
}else if(isQQ()){
$("body").append(weixinTip);
}
$("#weixinTip").css({
"position":"fixed",
"left":"0",
"top":"0",
"height":winHeight,
"width":"100%",
"z-index":"1000",
"background-color":"rgba(0,0,0,0.8)",
"filter":"alpha(opacity=80)",
});
$("#weixinTip p").css({
"text-align":"center",
"margin-top":"10%",
"padding-left":"5%",
"padding-right":"5%"
});
}

时间: 2024-08-02 15:13:11

微信,QQ内置浏览器的判断的相关文章

微信内置浏览器,判断ready事件

最近做的一个微站,在微信中打开时,用zepto取高度会随机地出现错误.判断是ready事件有问题,用下面的代码可以解决: if(WeixinApi.openInWeixin()){ if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEventListener('WeixinJSBridgeReady', init, false); } else if (doc

微信限制内置浏览器的访问方法

1.通过JS判断微信的独有标识UserAgent,但是对于伪造的UserAgent,还是可以绕过该限制. <script type="text/javascript"> // 对浏览器的UserAgent进行正则匹配,不含有微信独有标识的则为其他浏览器 var useragent = navigator.userAgent; if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') { // 这里警告框会阻塞当前

解决微信屏蔽内置浏览器的下载功能以及如何跳转到手机默认浏览器下载的实现

今天一后台同事问我:为什么从App里面分享到微信好友时,在微信里没有发下载分享里的软件,而在浏览器中却可以? 于是我在微信公众号中试了一下,发现果然不可以下载.通过google 发现,原来是微信屏蔽了内置浏览器的下载功能.那么有没有解决办法呢? 肯定是有的. 判断发现是在微信中打开,给提示让其从右上角选择在浏览器中打开,这样的效果对于用户体验来说肯定是差的.所以我们经过长时间的尝试找到一个更好的解决方式: 桔子跳转是一款基于微信后端开发了一款微信营销下载推广助手,使用了本插件生成的链接,用户在微

微信端内置浏览器分享JS

<script type="text/javascript"> var imgUrl = 'http://m.56kc.cn/Areas/CMS/Themes/dongfangkuaiche/Content/images/dfkc/dfkc.jpg';//这里是分享的时候的那个图片 var lineLink = 'http://m.56kc.cn/VenueForLease/VenueForLeaseList';//这个是分享的网址 var shareTitle = '分享

微信和QQ内置浏览器为什么老是弹停止访问该网页,微信域名被屏蔽的解决办法

近来很多商家开始重视域名防封的技术了,为什么呢,因为实在是封怕了.三天两头就得去换域名,换域名是小事,用户流失就是大事了,直接跟利益挂钩的.那么域名防封技术究竟有多重要呢?又该如何实现域名防封呢?下面给大家分享一些自己的经验. 案例分析 首先我们来说一下域名的重要性,在百度统计“流量入口选择”一项中,2016年12月1日到2017年5月31日共6个月的数据统计结果显示: 通过域名直接访问域名的用户是43.37% 通过搜索引擎的是27.75% 通过其他外链的是27.44% 通过导航网站的是0.99

移动端唤起QQ聊天 (ios android 包含微信、qq内置浏览器)

var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if(isiOS){ if(u.toLowerCase().match(/MicroMessenger/i) == "micromessenger"){ window.open('http://wpa.qq.com/msgrd?v=3&uin=qq号码&site=qq&menu=yes'); }

手机QQ内置浏览器position:fixed 属性支持不好的解决方案

在三星android 手机QQ内部打开连接时,有的手机QQ版本低时,会对position:fixed 支持不好. 表现在position:fixed 后 再用margin:0 atuo; 居中时,页面不居中: 可以这样解决:在外层再套一个div层.将position:fixed 属性放在外层然后定宽: 里面的层width:100%,margin:0 auto; 就可以完美支持低版本手机QQ position:fixed 后margin:0 auto; 不居中的问题.

Javascript限制网页只能在微信内置浏览器中访问

转载:http://segmentfault.com/a/1190000000754332 最近正在开发一个微信公众账号,其中有一项功能是用户发送文字消息给公众号,然后公众号返回图文消息给用户,用户再点击图文消息即可跳转到一个网页链接,在微信的内置浏览器中打开.那么问题就来了,这个网页首先涉及到了移动web前端开发,我优先选择了用HTML5+bootstrap组合来实现页面的美观效果,前端其他的任务交给javascript解决(这里我是完全使用原生javascript代码,没有用到任何的框架,因

通过js判断微信、QQ等内置浏览器并在外部浏览器打开

在涉及移动端微信推广的项目时,由于对推广需求的精细化,不仅需要推广效率,还有始终保证域名在微信中的正常状态,我们解决方案在微信.QQ.支付宝内置浏览器给出相应的提示. function is_neizhi() { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return "weixin"; } else if (u