js判断是否在微信浏览器中打开

原文:js判断是否在微信浏览器中打开

用JS来判断了,经过查找资料终于实现了效果,直接上代码

function is_weixn(){
    var ua = navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i)=="micromessenger") {
        return true;
    } else {
        return false;
    }
} 
<!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);
            // function onReady(){
            //     if(isAndroid) {
            //         if (history.length && history.length > 1) {
            //             history.back();
            //         } else {
            //             WeixinJSBridge.invoke('closeWindow');
            //         }
            //     }
            // }
            // document.addEventListener?document.addEventListener("WeixinJSBridgeReady",onReady,!1):document.attachEvent&&document.attachEvent("onWeixinJSBridgeReady",onReady);
            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/connect/zh_CN/htmledition/style/wap_err1a9853.css">';
                document.body.innerHTML = '<div class="page_msg"><div class="inner"><span class="msg_icon_wrp"><i class="icon80_smile"></i></span><div class="msg_content"><h4>请在微信客户端打开链接</h4></div></div></div>';
            }
        </script></body></html>

 

通过测试完全通过,无论是android 还是iphone,ipad 都可以,当然我们除了用js来判断之外,用其它语言来判断就更简单了,比如PHP

function is_weixin(){
    if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false ) {
            return true;
    }
    return false;
}
时间: 2024-11-10 01:39:42

js判断是否在微信浏览器中打开的相关文章

JS判断是否在微信浏览器打开的简单实例(推荐)_javascript技巧

最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去.在分享页面上提供公司APP的下载.但是在很多应用的浏览器中,点击下载链接无法下载应用.那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面.通过js就可以判断当前页面是在什么浏览器打开的. 以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开.当然可以做得更完善一点,再加上判断是在移动设备打开还是在PC端浏览器打开的,更加细分一点,可以判断是

JavaScript判断是否是微信浏览器_javascript技巧

先给大家说下实现原理 根据判断UA中是否有关键字micromessenger,有的话则是微信内置浏览器 实现代码如下所示: //判断是否微信登陆 function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, lik

跳转-微信设置”在浏览器中打开“的URL地址

问题描述 微信设置"在浏览器中打开"的URL地址 1.使用微信扫一扫进入一个页面之后,在微信的的最右上角中有一个在浏览器中打开的菜单,如何改变这个菜单的跳转地址? 解决方案 需要HTML配合JS使用! 解决方案二: 需要HTML配合JS使用!

JS动态修改微信浏览器中的title

平时使用JS修改title,直接document.title=新标题就好了 这样在安卓的微信浏览器是正常运行,可在IOS中这样的确不起作用. 微信浏览器的title在页面加载完成后就确定了,因此如果光使用document.title来修改,不会有效果.所以这里使用了黑科技. 在微信浏览器中使用如下代码来动态修改浏览器上的title标题: var $body = $('body'); document.title = '这里是要修改成的新标题'; var $iframe = $('<iframe

手机微信浏览器中pdf、office等文件怎么预览?

问题描述 手机微信浏览器中pdf.office等文件怎么预览? pdfObject.js插件能在PC端实现pdf文件预览,但是在手机端就不行啦? 解决方案 手机内存小,cpu弱,不太适合用js来渲染pdf,可以用flashpaper在服务器渲染转换成图片传送客户端,或者客户端下载再打开.

如何在浏览器中打开PDF文件并实现预览的思路与代码

 其实也就是简单的在浏览器中实现一个打开pdf文件,并有类似预览功能的边框. 其实在网上经常见到类似的页面,在浏览器中打开pdf文档,可大部分都是由于版权的原因使用了一些很特殊的技术,自然很难模仿了. 即使有直接在浏览器打开的例子,也必须手动点击一下链接然后才能打开pdf文件.如何直接打开,而不用点击链接呢? 本以为自己对js很熟,也就使用js模拟点击,可就是不管用,没办法,只能在网上继续寻找资料.最终想不到代码却很简单. 最主要的是使用到了一个jquery的插件jquery.media.js,

JS判断是否360安全浏览器极速内核的方法_javascript技巧

本文实例讲述了JS判断是否360安全浏览器极速内核的方法.分享给大家供大家参考.具体分析如下: 360安全浏览器极速内核,在非360网站的navigator.userAgent是: "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.89 Safari/537.1",用的全是原生的谷歌浏览器的userAgent: 而360自己的网站的navigator.u

安卓机微信浏览器中CSS动画执行卡顿,怎么解决?

问题描述 安卓机微信浏览器中CSS动画执行卡顿,怎么解决? 移动端web页面,有CSS动画,IOS微信中打开页面,动画执行效果很好,可是安卓机打的页面,CSS动画执行有卡顿,怎么解决 解决方案 我也遇到这个问题了,你的问题解决没

关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法_javascript技巧

前端JS中使用XMLHttpRequest 2上传图片到服务器,PC端和大部分手机上都正常,但在少部分安卓手机上上传失败,服务器上查看图片,显示字节数为0.下面是上传图片的核心代码: HTML <input type="file" id="choose" capture="camera" accept="image/*"> JavaScript var filechooser = document.getEleme