html - 浏览器如何确定什么是 "mobile"站点与什么是 "desktop"站点？

Question

我正在为我的网站构建响应能力，我注意到当访问某些功能时，根据他们的用户代理字符串将用户重定向到 Apple App Store 或 Google Play，当浏览器正在呈现时，该网站将无法工作它作为“移动版本”，而当我点击“请求桌面版本”时，它似乎有效。就这两个版本而言，我在网站中写入的唯一不同是媒体查询。这让我想知道浏览器确定网站是“移动”版本还是“桌面”版本的参数是什么。

Answer 1

我用来确定用户正在使用的设备的一种方法是通过 DOM 导航器对象。如果您在 js 控制台中键入 navigator.userAgent，它会为您提供一些有关用户使用的设备和硬件类型的信息。 Here is some more information on the user agent header和 Here is W3's page on the Navigator object.希望对您有所帮助。