如何在Android中通过JavaScript切换「Desktop site」状态？

关于触发原生「Desktop site」的限制 #

网页JavaScript无法直接调用浏览器原生的「桌面站点」切换功能，原因如下：

• 该功能属于浏览器的用户偏好设置，出于安全和权限隔离的设计，浏览器不会开放这类控制接口给网页脚本，避免网页擅自修改用户的浏览设置。
• 部分Android浏览器可能支持通过Android系统的Intent机制触发，但不同厂商/品牌的浏览器实现完全不统一，且几乎没有公开的标准接口，普通网页无法可靠复用这类方案。

检测「Desktop site」是否已触发 #

虽然无法主动触发，但可以通过以下间接方式判断当前是否处于桌面站点模式：

• 检测User-Agent请求头：切换到桌面站点时，浏览器会发送桌面版的User-Agent字符串，移除移动设备相关标识。这是最可靠的方式。
  示例代码：

  function isDesktopSiteActive() {
    const ua = navigator.userAgent;
    // 排除移动设备标识，同时验证是否包含桌面系统标识
    const hasMobileFlag = /(Mobile|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini)/i.test(ua);
    const hasDesktopFlag = /(Windows NT|Mac OS X|Linux|X11)/i.test(ua);
    return !hasMobileFlag || hasDesktopFlag;
  }
  

• 辅助检测视口设置：部分浏览器切换到桌面站点时，会重置视口为桌面端的默认设置（比如width=device-width会被替换为桌面宽度），但这种方式准确性较低，因为用户可能手动调整视口或缩放页面，仅作为补充参考。

注意：以上检测方式无法100%覆盖所有场景（比如用户手动修改User-Agent），但在绝大多数常规浏览场景下足够可靠。

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