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

Question

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

Answer 1

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

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

2. 使用Chrome for Android进行远程调试：类似于Adobe Shadow，但我发现在处理移动设备上的网络请求时这更加可靠 - 但是您需要带有冰淇淋三明治的Android设备。

在 Safari 上更改用户代理

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

Answer 2

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