☰

我如何将桌面浏览器上的*一个*标签视为移动设备？

tag-icon • tag-icon firefox browser
我如何将桌面浏览器上的*一个*标签视为移动设备？

我希望能够运行同一个网站的两个标签，在同一浏览器中，同时。第一个选项卡应正常运行并接收桌面版本。第二个选项卡将被视为移动浏览器并接收移动版本。

我怎样才能做到这一点？

编辑

显然我问得不太好。我想知道如何才能在一个浏览器窗口中有两个选项卡。第一个选项卡使用桌面版，第二个选项卡使用移动版。希望下面的截图能帮助说明。

例子

答案1

如果没有某种插件（例如 Firebug），Firefox 无法轻松实现这一点。如果您不依赖 Firefox，则可以使用 Chrome 内置的开发人员工具轻松实现这一点。它们包含一个模拟器选项卡，允许您选择要模拟的设备（移动设备或平板电脑）。这不是一个完美的表示，但它会让网站相信您是模拟设备。

答案2

Firefox 提供了Responsive Design View查看网站在不同屏幕尺寸的设备（如手机和平板电脑）上的显示效果的功能。
查看 Firefox 开发人员指南响应式设计视图

要激活响应式设计视图，请使用Ctrl++ShiftM

答案3

我可能会考虑使用 UserAgent 切换器这个 根据网站检测“移动”的方式，您可能需要更改其他客户端请求标头，也许是屏幕尺寸标头。

你可能想要检查用户代理字符串您的移动浏览器，以便能够有效地克隆它。

需要注意的是，对于移动设备可能存在一些假设，例如，您在移动设备上使用的小屏幕，在桌面大小的屏幕上看起来会很糟糕。试试看，让我们知道 :)。

答案4

这完全取决于您如何在服务器端将桌面内容与移动内容分离。

  • 您正在使用www.example.com和mobile.example.com吗？
  • 您在 CSS 中使用媒体查询吗？
  • 您只是有条件地加载style.css吗mobile.style.css？

相关内容