如何在 Chrome 检查器中显示完整的标尺线?

Posted

技术标签:

【中文标题】如何在 Chrome 检查器中显示完整的标尺线?【英文标题】:How to show full ruler lines in the Chrome inspector? 【发布时间】:2017-10-07 11:47:42 【问题描述】:

Firefox 中检查器的标尺看起来像这样。它显示框周围的宽​​线。 lines in Firefox

但 Chrome 检查器仅在左侧和顶部有它们。线条不会从底部和右侧继续。 take a look at my red lines

是否可以像 Firefox 一样拥有所有行?

【问题讨论】:

使用这个工具,点击左上角工具栏上的启用元素模式chrome.google.com/webstore/detail/page-ruler/… 我看到了,很遗憾,这个工具不能和inspector一起使用( 【参考方案1】:

我用的是chrome扩展,这两个都不错:Page Ruler和Grid Ruler

【讨论】:

网格尺做的很少。无用。将尝试第二个。 链接失效。【参考方案2】:

更好的 chrome 扩展插件:

Page ruler chrome extension

只需按 ALT + P。

【讨论】:

以上是关于如何在 Chrome 检查器中显示完整的标尺线?的主要内容,如果未能解决你的问题,请参考以下文章

PS如何精确设置参考线,标尺,辅助线

为啥 Chrome 检查器中的 CSS 规则显示为灰色 [重复]

如何在 Chrome 的检查器中添加/插入之前或之后的伪元素?

ps贴边辅助线怎么取消

ArcGIS参考线如何调到需要的位置

如何使用纯 Javascript Autodesk 在查看器中离线显示 2d (.dwg) 文件