52

0

Spacing JS

一个用于测量网页元素间距离的 JavaScript 小工具,用于前端开发的流程。试试看。

Spacing JS

npm version GitHub Stars Github Forks GitHub Open Issues License

一个用于测量网页元素间距离的 JavaScript 小工具,用于前端开发的流程。试试看

阅读此文档的其他语言版本:English, 繁體中文, 简体中文.

如何使用

  1. 在 HTML 页面中通过 <script> 标签加载 Spacing.js:
  • UNPKG CDN:
<script src="//unpkg.com/spacingjs" defer></script>
  • jsDelivr CDN:
<script src="//cdn.jsdelivr.net/npm/spacingjs" defer></script>
  1. 将鼠标移动到一个元素上,然后按下 Alt 键(Windows)或 ⌥ Option 键(Mac)。
  2. 将鼠标移动到其他元素上,就会显示相关的测量结果。

更多选项

同时按下 Shift 键会延长测量结果的显示,这样我们就有足够时间进行屏幕截图。

Chrome 浏览器插件及 Tampermonkey 版本

你可以在 Chrome web store 下载 Chrome 浏览器的插件版本,或透过 npm run ext 打包。

参与开发

欢迎 Fork 这个 Repo 进行开发,并提交 Pull Requests。在 GitHub Issues 汇报 Bug,在 GitHub Discussions 讨论功能/想法/问题。

授权协议

Spacing.js 使用 MIT 授权