☰

亚马逊和维基百科在桌面浏览器上没有响应

tag-icon • tag-icon google-chrome firefox
亚马逊和维基百科在桌面浏览器上没有响应

堆栈溢出工作正常，但不是亚马逊和维基百科（已在 Chrome 和 Firefox 中尝试过）。

响应式 Amazon.com 看起来像这在我的手机里。

为什么它们在我的 Chrome/Firefox 桌面浏览器中没有响应？

答案1

这是因为这些网站实现响应式设计的方式不同。StackOverflow 在窗口变小后会变成移动视图。但例如 amazon.de 不会响应窗口大小的变化，而是响应浏览器用户代理的变化。我刚刚在 Chrome 中安装了更改用户代理的插件并将其更改为一些通用的 android 浏览器用户代理。然后重新加载 amazon.de 网站，它就变成了移动版本 - 窗口大小无关紧要。

因此，有些网站无法完全响应窗口大小的变化。有些网站还会通过查看浏览器的用户代理来检查您是否真的在使用移动设备，因此仅更改窗口大小并不能让您知道是否有移动版本，而有些网站仅响应用户代理的变化，只要您的用户代理显示“我是移动浏览器”，窗口大小无关紧要。

请记住，亚马逊在 URL 地址不变的情况下转换为移动版本。没有m.amazon.de或amazon.de/m/，它仍然是amazon.de。因此它不是不同的页面，它仍然是响应式设计 - 只是它响应的不仅仅是窗口大小的变化，它还会检查用户代理以确定浏览器是否是移动的。

答案2

设备模式已启用。请尝试使用 CTRL+SHIFT+M 将其禁用。

https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_Mode https://developers.google.com/web/tools/chrome-devtools/device-mode/ 了解更多信息。

相关内容