`

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

    博客分类:
  • S_J
 
阅读更多
最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中,点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。

以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开。当然可以做得更完善一点,再加上判断是在移动设备打开还是在PC端浏览器打开的,更加细分一点,可以判断是在安卓系统的浏览器打开的还是IOS系统浏览器打开的。

复制代码
if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
        var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
                //在微信中打开
        }
        if (ua.match(/WeiBo/i) == "weibo") {
                //在新浪微博客户端打开
        }
        if (ua.match(/QQ/i) == "qq") {
                //在QQ空间打开
        }
        if (browser.versions.ios) {
                //是否在IOS浏览器打开
        }
        if(browser.versions.android){
                //是否在安卓浏览器打开
        }
} else {
        //否则就是PC浏览器打开
}
复制代码
再附上browser的代码,通过以下方法可以判断很多浏览器。包括判断IE浏览器,Opera浏览器,苹果浏览器,谷歌浏览器,火狐浏览器等。

复制代码
var browser = {
    versions: function () {
        var u = navigator.userAgent, app = navigator.appVersion;
        return {         //移动终端浏览器版本信息
            trident: u.indexOf('Trident') > -1, //IE内核
            presto: u.indexOf('Presto') > -1, //opera内核
            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
            iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
        };
    }(),
    language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
分享到:
评论

相关推荐

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

    以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开。当然可以做得更完善一点,再加上判断是在移动设备打开还是在PC端浏览器打开的,更加细分一点,可以...

    js判断微信打开提示在浏览器打开代码

    js判断微信打开提示在浏览器打开代码 是否微信打开 js判断微信

    js判断浏览器的环境(pc端,移动端,还是微信浏览器)

    接下来,判断是否在微信浏览器中打开,我们首先需要检测平台。利用`navigator.platform`可以获取到用户设备平台的信息,再结合`userAgent`来最终判断是否为微信环境。 ```javascript var system = { win: false, ...

    微信判断浏览器自动弹出遮罩层代码

    5. **文件名解析**:“微信在其他浏览器打开遮罩”可能是指在非微信环境中,当用户通过微信分享链接并在其他浏览器打开时,可能需要处理的情况。例如,可能需要判断并提示用户在微信中打开以获得完整功能。 这些...

    JS判断当前页面是否在微信浏览器打开的方法

    本文实例讲述了JS判断当前页面是否在微信浏览器打开的方法。分享给大家供大家参考,具体如下: 最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的...

    微信判断浏览器自动弹出遮罩层【完整代码】

    这篇教程将详细介绍如何通过编程方式判断微信浏览器是否自动弹出遮罩层,并提供一个完整的代码实现。 首先,我们要理解微信浏览器的特性和它如何处理网页。微信内置的X5内核浏览器会检测页面中的一些特定事件或行为...

    vue 解决在微信内置浏览器中调用支付宝支付的情况

    我的思路大概是这样的 1. 验证是否是在微信内置浏览器中调用支付宝 2.给支付页面的url加上调用接口所需的参数(因为在微信里是不能直接调用支付宝的...这两句代码就是判断用户是否是用微信内置浏览器打开的页面 如果

    JS简单判断是否在微信浏览器打开的方法示例

    主要介绍了JS简单判断是否在微信浏览器打开的方法,结合实例形式分析了javascript针对浏览器相关信息的获取与判定操作技巧,需要的朋友可以参考下

    微信判断浏览器自动弹出遮罩层【完整代码】.zip

    "微信判断浏览器自动弹出遮罩层【完整代码】.zip"这个压缩包文件提供了一个解决方案,针对微信内置浏览器打开网页时自动弹出遮罩层,引导用户跳转到系统浏览器以获得更好的浏览体验。这个功能主要涉及以下几个技术点...

    vue实现微信浏览器左上角返回按钮拦截功能

    主要介绍了vue实现微信浏览器左上角返回按钮拦截功能,本文通过实例代码相结合的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

    HTML识别微信环境并请求浏览器打开.zip_HTML识别微信环境并请求浏览器打开_blockw3m_danceov5_微信浏览

    HTML识别微信环境并请求浏览器打开,最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中,点击...通过js就可以判断当前页面是在什么浏览器打开的。

    微信遮罩,微信打开网页提示下载提示浏览器打开

    很多时候我们的服务器提供的下载链接都不支持微信扫码,但是客户又只会用微信扫码,怎么办呢?这时候我们可以做一个跳转的html网页,写一个遮罩...扫码打开跳转网页后,判断是否为微信开发环境,是的话就显示遮罩图片。

    js如何判断用户是否是用微信浏览器

    如果用微信浏览器打开可以看到下面的文字 <p></p> <script type="text/javascript"> window.onload = function() { if (isWeiXin()) { var p = document.getElementsByTagName('p'); p[0].innerHTML = ...

    判断是否微信浏览器

    判断当前页面是否被微信内置浏览器打开主要依据User Agent字符串。User Agent是HTTP请求头中的一个字段,用于标识客户端(如浏览器)的身份信息。不同的浏览器会发送不同的User Agent字符串。微信内置浏览器在发送...

    识别微信浏览器

    在移动互联网领域,微信浏览器(WeChat Browser)的识别与判断是开发者经常遇到的问题,尤其在进行微信小程序、H5页面或微信内置浏览器适配时。这篇内容将深入讲解如何识别用户是否正在使用微信浏览器,并提供相关的...

    web页在微信中访问增加遮罩层 右上角弹出在浏览器中打开

    - **JavaScript检测**:通过JavaScript检测UserAgent字符串来判断是否在微信环境中。 - **添加遮罩层**:利用CSS创建一个全屏的遮罩层,设置适当的透明度和位置。 - **提示按钮**:在遮罩层的右上角放置一个“在...

    JavaScript判断微信浏览器实例代码

    如果用微信浏览器打开可以看到下面的文字 <p></p> <script type="text/javascript"> window.onload = function() { if (isWeiXin()) { var p = document.getElementsByTagName('p'); p[0].innerHTML = window...

Global site tag (gtag.js) - Google Analytics