如何在 Chrome 开发工具上显示 iPhone 的状态栏

How to display iPhone's status bar on Chrome dev tools

我正在使用 Ionic (1 !) 开发应用程序并使用 ionic serve 在 Chrome 上测试它。我想在 Chrome 开发工具设备模式下显示 iPhone 的状态栏(电池、时间和连接)。

有人知道 Chrome 是否可以做到这一点吗?

我认为 chrome 开发工具中没有任何方法。我试了一段时间找到一个好的解决方案,它是 in their own words 只有 'for a first approximation'。

不过,您可以根据您的规格创建设备,HERE's 一个更完整的可用设备列表,您还可以在其中缩短长度以获得没有状态 space 的尺寸bar(是的,对最新一代没用)。

为了更好地在移动设备上进行质量检查,可以尝试 Blisk, BrowserStack, Slant...

或者,如果它是用于屏幕截图,请尝试一些免费的东西,例如 responsinator

gl