在桌面端强制使用移动端CSS

Question

有没有一种方法可以欺骗网站，让它认为你是从移动设备访问它，而实际上你是从桌面设备访问的，这样它就会加载移动CSS文件？

- user4584963

---

如果您使用 Chrome 浏览器，在“开发者工具” -> “设置” -> “设备”下，您可以设置仿真设备。 - Corporalis

@user4584963，请告诉我们在您的情况下加载移动CSS文件的条件是什么。因为正如您已经提到的，这取决于不同的情况。 - Jakub Matczak

@dragoste 我想在我的桌面上访问Pinterest，并使其加载移动CSS文件而不是桌面CSS文件。 - user4584963

这是重要的信息。;-) 因此，您需要一个移动用户代理标头（建议您的浏览器位于 Android 或 iOS 上）。在 Firefox 中，您需要一个插件，在 Chrome 中只需按照其他人的建议使用开发人员工具，因为在切换到响应模式时默认会更改 UserAgent。 - Jakub Matczak

我投票关闭此问题，因为它与编程无关。 - Asons

Answer 1

大多数流行的浏览器都提供了内置的用户代理切换器，您也可以找到相关扩展。

Chrome：开发者工具 --> 单击控制台窗口左上角的电话图标。

IE 和 Edge：按 F12 --> 仿真模式。

Safari：偏好设置 --> 高级 --> 单击“在菜单栏中显示开发菜单”旁边的框。新的“开发”菜单将出现，然后选择“用户代理”。

Firefox：有一个名为“User Agent Switcher for Firefox”的扩展可供使用。

- Majali

Answer 2

一个简单的方法是调整浏览器大小。

或者您可以使用Chrome，打开开发者工具（Windows操作系统下按F12），然后点击“切换设备工具栏”图标（Ctrl + Shift + M）。在此模式下，您可以选择不同的设备，如iPhone 5、iPhone 6等。

- Andy Tschiersch

---

一些网站有单独的CSS文件，根据您从哪个设备访问该网站而加载不同的文件。例如，在SO上，底部有一个名为“移动版”的链接，它会加载移动版的CSS文件。有些网站没有这个按钮，因此我需要一种方法来强制这些网站在我从桌面访问时加载其移动版CSS文件，而不是桌面版文件。 - user4584963

调整浏览器大小如何导致加载其他CSS文件。 - Jakub Matczak