使用userAgent判断当前页面是否在webView里打开

最新推荐文章于 2025-09-14 00:11:30 发布

原创

最新推荐文章于 2025-09-14 00:11:30 发布 · 1.4w 阅读

6 ·

CC 4.0 BY-SA版权

该博客介绍了如何通过userAgent来判断网页是否在特定的webView中打开，以实现不同场景下的行为处理。如在App内调用原生方法，在非微信的浏览器或webview中提示使用微信打开，并在微信环境中进行授权获取用户信息。文章注意到在某些电脑端手机模式预览时可能存在判断误差，但在真机上能正常工作。

需求背景：需要判断网页是在否在自己app里的的webView里打开（电脑端浏览器、手机qq，手机qq浏览器，微信，微信朋友圈，微博，手机safari等除外）
1、app内部：需要调用原生app方法
2、非微信的其他浏览器或webview，提示请在微信中打开页面
3、微信：发起微信授权获取用户信息。

function openInWebview () {
   
   
    var ua = navigator.userAgent.toLowerCase()
    if (ua.match(/MicroMessenger/i) == 'micromessenger') { // 微信浏览器判断
        return false
    } else if (ua.match(/QQ/i) == 'qq') { // QQ浏览器判断