如何在Chrome开发者工具上显示iPhone的状态栏 [英] How to display iPhone's status bar on Chrome dev tools

问题描述

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

I am developing an app with Ionic (1 !) and using ionic serve to test it on Chrome. I'd like to display the iPhone's status bar (battery, time and connection) on Chrome dev tools device mode.

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

Any knows if Chrome can do this?

推荐答案

我认为chrome开发工具内部没有办法.我尝试寻找一种好的解决方案已有一段时间，它是用他们自己的话说只是第一近似".

I don't think there is a way inside of chrome dev tools. I've tried to find a good solution for a while, it is in their own words only 'for a first approximation'.

不过，您可以按照自己的规范创建设备，

You can though, create the device with your specifications, HERE's a more complete list of available devices, where you can also shorten the length to get the size without the space of the status bar (yeah, not useful for the latest gen).

要在移动设备上进行更好的质量检查，请尝试使用 Blisk ，BrowserStack，

To better QA on mobile devices, maybe try something like Blisk, BrowserStack, Slant...

或者，如果是用于屏幕截图，请尝试免费使用类似 responsinator 的东西.

Or if it's for a screenshot, try something free like responsinator.

gl

这篇关于如何在Chrome开发者工具上显示iPhone的状态栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！