javascript - 我如何在 chrome 或 firefox 中以像素显示边框高度和宽度以测试响应式网页设计

Question

从今天早上开始，我一直在寻找 chrome 或 firefox 的附加组件，它会显示页面的边框线(高度、宽度)，这样我就可以通过调整大小并在边框中观察其高度和宽度来测试我的页面线。

我尝试过，window resizer、Web Developer 和其他一些工具.. 但在调整大小时，它们不会以像素为单位动态显示页面边框。

我希望，我解释清楚了

示例:

Answer 1

在 Chrome 中，开发工具右下角有一个“齿轮”图标(右键单击任何元素，然后单击“检查元素”)可打开常规设置。只需选中“元素”部分中的“显示标尺”，然后将鼠标悬停在“元素” Pane 中 HTML 代码中的元素上。