在 chrome 设备仿真中禁用网格答案

【问题标题】：Disable grid in chrome device emulation在 chrome 设备仿真中禁用网格
【发布时间】：2014-12-08 16:58:40
【问题描述】：

我知道这个问题在这里可能不太合适，但这确实让我发疯了几个小时:(出现。我不知道如何禁用此网格。这是屏幕截图：

我卸载并重新安装了浏览器，它又回来了。我将开发者工具重置为默认设置，它仍然存在。

这几个小时对我来说真的是一场噩梦。我想要没有这些标尺、网格和顶栏的常规仿真。谢谢

【问题讨论】：

【解决方案1】：

您没有点击任何错误。您的 Chrome 将自身更新为 38.2125，模拟器现在具有这些属性。再者，触控功能坏了。

要解决此问题，请下载 Chrome 的“Canary”版本。您仍然需要查看网格，但屏幕已得到改进，并且更易于查看您的布局。此外，触摸功能是固定的。

【讨论】：

嘿，唐 :) 感谢您的回复。它与版本无关，因为我有最新版本，这个问题在我工作时突然发生。我点击了触发这个的东西。我通过删除所有设置和配置来完全删除浏览器来修复它，而不仅仅是卸载。现在我有了带有简单界面的最新版本 :) 我在 Mac 上，最新版本是 37.0.2062.124。无论如何谢谢:)
您将来可能会找到网格。确实，我使用的是 Win7 并且有更高编号的版本。很高兴你能修复它。我也不喜欢。即使有了 Canary 的改进，它也不像旧的、更简单的视图那样好。

【解决方案2】：

Elements 左侧有一个蓝色的小按钮，它确实起到了神奇的作用。

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

如果您希望禁用显示为叠加层的多色网格线，请查看开发工具底部的控制台底座。有一个标签为渲染并尝试禁用“显示复合图层边框”。如果您仍然看到标尺，该设置位于开发工具的设置（齿轮）中，元素标题下有一个选项“显示标尺”。

【讨论】：