在Chrome设备模拟中禁用网格

Question

我知道这个问题可能不太适合在这里提问，但我已经为此苦恼了几个小时 :( 我用 Chrome 模拟网站在不同移动设备上的显示效果。我误点击了某个东西，导致出现了带有标尺的网格。我不知道该怎么做才能禁用这个网格。以下是屏幕截图： 我卸载并重新安装了浏览器，但它还是会出现。 我将开发者工具重置为默认设置，但仍然出现。

这对我来说真的变成了一场噩梦，已经几个小时了。我想要正常的仿真效果，而不带有这些标尺、网格和顶部栏。谢谢。

- Michael Samuel

---

谢谢！我已经很久没注意到这个了... - Lance Harper

Answer 1

在元素左侧有一个小蓝色按钮，它实际上才是实现魔法的按钮。

- loislo

Answer 2

你没有点击错任何东西。你的Chrome已经更新到38.2125版本，模拟器现在有了这些属性。此外，触摸功能出现了故障。

为了解决问题，请下载Chrome的“Canary”版本。你仍然需要查看网格，但屏幕得到改进，更容易查看布局。此外，触摸功能已修复。

在这里获取Chrome Canary：https://www.google.com/intl/zh-CN/chrome/browser/canary.html

- DonCx

---

嗨，唐 :) 感谢回复。这与版本无关，因为我有最新版本，但是当我在工作时突然出现了这个问题。我点击了某些东西触发了这个问题。我通过完全删除浏览器来解决它，而不仅仅是卸载它的所有设置和配置。现在我有了简单界面的最新版本 :) 我使用的是Mac，那里的最新版本是37.0.2062.124。无论如何还是谢谢 :) - Michael Samuel

您可能会在未来的工作中遇到网格。实际上，我使用Win7并拥有较高版本号。很高兴您能够解决它。我也不喜欢它。即使有“金丝雀”改进，它也没有旧版更简洁的视图好看。 - DonCx

Answer 3

如果您想要禁用作为覆盖层显示的多彩网格线，请查看开发工具底部的控制台窗口。有一个标签名为“渲染”，尝试禁用“显示组合层边框”的选项。如果您仍然看到标尺，则该设置在开发工具的“设置”（齿轮图标）中，元素标题下有一个名为“显示标尺”的选项。

- Phan-Diggity

Answer 4

那个按钮只是启用/禁用模拟器。OP正在寻找一种在模拟移动设备时禁用背景网格的方法。

- captain_jim1