首页 > 解决方案 > 如何在 Chrome 开发工具上显示 iPhone 的状态栏

问题描述

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

任何人都知道 Chrome 是否可以做到这一点?

标签: google-chromeionic-frameworkgoogle-chrome-devtoolsstatusbar

解决方案


我认为 chrome 开发工具内部没有办法。一段时间以来,我一直试图找到一个好的解决方案,用他们自己的话来说,这只是“初步近似”。

但是,您可以根据您的规格创建设备,这里有一个更完整的可用设备列表,您还可以在其中缩短长度以获得没有状态栏空间的大小(是的,对最新一代没有用)。

为了更好地在移动设备上进行 QA,也许可以尝试Blisk、BrowserStack、Slant之类的东西......

或者,如果是截图,试试免费的,比如responsinator


推荐阅读