一个用于测量网页元素间距离的 JavaScript 小工具,用于前端开发的流程。试试看。
阅读此文档的其他语言版本:English, 繁體中文, 简体中文.
- 在 HTML 页面中通过
<script>
标签加载 Spacing.js:
- UNPKG CDN:
<script src="//unpkg.com/spacingjs" defer></script>
- jsDelivr CDN:
<script src="//cdn.jsdelivr.net/npm/spacingjs" defer></script>
-
将鼠标移动到一个元素上,然后按下 Alt 键(Windows)或 ⌥ Option 键(Mac)。
-
将鼠标移动到其他元素上,就会显示相关的测量结果。
同时按下 Shift 键会延长测量结果的显示,这样我们就有足够时间进行屏幕截图。
你可以在 Chrome web store 下载 Chrome 浏览器的插件版本,或透过 npm run ext
打包。
欢迎 Fork 这个 Repo 进行开发,并提交 Pull Requests。在 GitHub Issues 汇报 Bug,在 GitHub Discussions 讨论功能/想法/问题。
Spacing.js 使用 MIT 授权