Question

在查看iPhone6视图时，是否有人注意到dev工具移动视图顶部的黑条？

我正在使用版本45.0.2454.93（64位）。

我尝试了几个应用程序，在查看iPhone 6模式时也发生了同样的事情。

突出显示HTML标记显示它不在HTML中，是否有人知道删除它的方法？

Answer 1

老实说，我找不到任何解释它的官方声明，但通过设备模拟器选项，它们似乎是不同设备上典型导航栏和键盘区域的“占位符”。

如果您选中“设备”下拉列表旁边的选项，您会看到一些影响这些（几乎）黑色区域的选项：

话虽如此，我认为确实没有办法禁用这些..你可以点击“设备”左侧的“重置所有覆盖”链接并手动设置屏幕尺寸，但是你会丢失特定于设备的模拟，它会报告为具有特定窗口大小的标准桌面浏览器，就像调整浏览器大小一样。

Answer 2

我还发现这很烦人，因为我是原型全屏幕cordova应用程序，没有Safari导航栏。

我使用的临时解决方法是取消选中＆＃34;模拟移动设备＆＃34;选项并刷新页面。

Answer 3

我之前也遇到过这个问题，因为我使用Chrome Dev Tools的iPhone 6模拟器来快速开发Cordova应用程序。虽然你没有让默认的iPhone 6预设在没有这些黑条的情况下工作，你可以创建一个新的预设，为你剥去它们。

打开开发工具检查器，单击右上角的3点堆叠汉堡包菜单，然后选择设置（或按F1键）。然后在打开的模式中，从左侧选择设备以显示移动设备预设。点击添加自定义设备... ，然后使用以下信息填写：

或文字版：

我在这里使用的用户代理字符串如下所示，但显然可以随意根据您的用例进行自定义。

Mozilla/5.0 (iPhone; CPU iPhone OS 9_2 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13C75 Safari/601.1

然后，一旦保存了新的自定义设备，请关闭“设置”窗口，从“移动设备”下拉菜单中选择新的自定义设备，然后刷新页面。您现在应该拥有全屏iPhone 6模拟器。

Answer 4

我认为这个问题已在这里得到解答。您可以切换设备模式

Answer 5

奇怪的是，我只是在模拟iPhone 6时才发现这种情况，任何其他模拟器（iPhone 5,6 Plus等等）都不会发生这种情况。

iPhone 6有8个视口选项（见下面的截图），但其余部分只有两个选项（纵向，横向）。

我认为这是让模拟器更像真实设备的好方法。也许作为第一步，刚刚制作到iPhone 6模拟器。