有没有办法欺骗桌面浏览器对 CSS 媒体查询的响应？

Question

也许是浏览器插件？只是在寻找一种肮脏、快速的方法来测试一些移动 Web 开发。

Answer 1

我发现以下 3 个工具对于在我的桌面浏览器中测试移动设备的媒体查询非常有用：

1. Adobe Shadow：您必须在移动设备上下载该应用程序，然后将设备链接到 Chrome，完成后，您可以在 chrome 上检查您的网页，就像它们显示在您的移动设备。

2. Remote Debugging with Chrome for Android：与 Adob​​e Shadow 类似，但我发现这在处理移动设备上的网络请求时更加可靠——不过，您需要一个带有 Ice Cream Sandwich 的 Android 设备。

3. Changing User Agent on Safari to debug different browsers straight from your desktop Safari：如果您有 Safari，它允许您从开发人员工具中更改用户代理字符串。如果您想欺骗浏览器，这非常有用。 - 不过，这对媒体查询并没有什么用处。

Answer 2

进入 Safari 设置，有一个显示“请求桌面网站”。检查它，然后浏览到 facebook.com 现在您可以在浏览器中发送消息。无需应用。