Chrome开发工具可通过导航栏

Question

嗨，我是网络开发人员，我正在寻找一种模拟移动设备的方法，这些设备还会显示各自的导航栏，工具栏等。在“设备”工具栏中＆＃39;在谷歌浏览器（MacOS上的v58）中，有一种特定的模式可用于Nexus 5X（和'supported devices', according to Google），这正是我正在寻找的（见下面的截图），但我可以＆＃ 39;似乎找到了为其他设备（如iPhone，Galaxys等）启用此功能的方法。

当然，这些设备和它运行的浏览器之间的区别会有所不同，所以理想情况下我正在寻找一种方法来手动指定条形的高度以及它们如何与视口交互（例如，iOS Safari在视口高度计算中包含顶部栏，但是遗漏了底栏，这有点与页面底部的显示方式有关（如here所述））。

最终我想要实现的是一种准确模拟网站在特定设备上的外观的方法，而不仅仅是考虑屏幕尺寸和像素密度实际考虑到还有其他部分显示在屏幕上当然会占用屏幕自己的状态并影响外观和用户体验。

欢迎所有想法=）

Answer 1

您可以使用Blisk浏览器，该浏览器基于Chromium构建，并且支持IOS / Android设备的工具栏和面板，并且可以在其上模拟很多设备。