网站如何判断浏览器是否符合Google安全浏览器政策以使用OAuth 2.0？

针对你的需求，下面分服务器端和客户端给出可行的解决方案：

服务器端方案 #

1. 轻量User-Agent特征检查
   Google的安全浏览器政策明确禁止第三方App内置的WebView（如Instagram、TikTok的内嵌浏览器），这类浏览器的User-Agent通常会带有明显标识：
   • Android WebView通常包含wv或WebView关键词
   • 宿主App相关标识，比如Instagram、TikTok、FBAN（Facebook系）等
     你可以基于这些关键词做简单匹配，避免复杂的启发式规则。示例代码（Node.js）：

   function isDisallowedBrowser(userAgent) {
     const disallowedPatterns = [/wv/i, /WebView/i, /Instagram/i, /TikTok/i, /FBAN/i];
     return disallowedPatterns.some(pattern => pattern.test(userAgent));
   }
   

2. 后端异常兜底
   即使User-Agent检查有遗漏，也可以在处理Google OAuth回调时捕获disallowed_useragent错误，此时给用户返回友好提示，引导他们切换到原生浏览器（如Chrome、Safari）重新访问。

客户端方案 #

1. 浏览器特征校验
   客户端可以通过以下方式快速判断是否为受限的WebView：
   • 检查navigator.userAgent中的wv、WebView或宿主App标识
   • 对于iOS设备，原生Safari会有navigator.standalone属性，而WebView通常没有
   • 对于Android设备，原生Chrome会存在window.chrome对象，多数WebView则没有
     示例代码：

   function isAllowedForGoogleOAuth() {
     const userAgent = navigator.userAgent;
     // 排除明显的WebView标识
     if (/wv/i.test(userAgent) || /WebView/i.test(userAgent) || /Instagram/i.test(userAgent) || /TikTok/i.test(userAgent)) {
       return false;
     }
     // iOS原生Safari校验
     if (navigator.platform === 'iPhone' || navigator.platform === 'iPad') {
       return typeof navigator.standalone !== 'undefined';
     }
     // Android原生Chrome校验
     if (/Android/i.test(userAgent)) {
       return typeof window.chrome !== 'undefined';
     }
     // 默认允许其他桌面浏览器
     return true;
   }
   

2. 避免直接预检请求
   直接向Google授权端点发起后台请求会遇到跨域限制，且Google没有提供专门的校验API，因此不建议这种方式。客户端优先通过特征判断隐藏Google登录按钮即可。

内容的提问来源于stack exchange，提问作者orange77