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

Question

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

Answer 1

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

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

2. 使用 Chrome for Android 进行远程调试：与 Adob​​e Shadow 类似，但我发现这在处理移动设备上的网络请求时更加可靠——但是，您将需要一个带有 Ice Cream Sandwich 的 android 设备。

3. 更改 Safari 上的用户代理以直接从桌面 Safari 调试不同的浏览器：如果您有 Safari，它允许您从开发人员工具中更改用户代理字符串。如果您想欺骗浏览器，这非常有用。- 虽然没有真正发现这对媒体查询有用。

Answer 2

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