更好的标尺:一个方便的页面标尺,用于前端开发和UI设计
Better Ruler是一个Chrome插件,为前端开发和UI设计提供了一种方便的测量网页元素的方式。通过其吸附功能,用户可以轻松测量网页上元素的大小。
要使用Better Ruler,只需点击插件图标运行插件。再次点击将退出插件。在使用插件时,按住Alt/Option键并移动鼠标将实时显示鼠标位置处元素的大小。此外,按住左键并移动鼠标将自动将标尺吸附到元素的边缘。
Better Ruler还提供了编辑模式,可以通过双击当前图层来激活。在此模式下,用户可以拖动和调整图层的大小。按下退格键将删除当前图层,再次双击图层或按下Esc键将退出编辑模式。
为了增强可用性,Better Ruler提供了快捷键。按下'f'键将显示或隐藏工具栏,按下Shift键将显示或隐藏大小。用户还可以使用Alt+Z键来激活或停用插件。如果此快捷键无效,用户可以在Chrome扩展设置中自定义绑定按键。或者,在激活插件一次后,用户可以双击按下'z'键来激活或停用插件。
对于本地HTML文件,用户可以转到chrome://extensions,找到Better Ruler插件,并打开“允许访问文件URL”以确保其有效工作。
Better Ruler是一个免费的插件,为测量网页元素提供了简单高效的解决方案,使其成为前端开发人员和UI设计师的宝贵工具。