# Spacing JS
[![npm version](https://img.shields.io/npm/v/spacingjs.svg)](https://www.npmjs.com/package/@stevenlei/spacingjs)
![GitHub Stars](https://img.shields.io/github/stars/stevenlei/spacingjs)
![Github Forks](https://img.shields.io/github/forks/stevenlei/spacingjs)
![GitHub Open Issues](https://img.shields.io/github/issues/stevenlei/spacingjs)
![License](https://img.shields.io/github/license/stevenlei/spacingjs)
A JavaScript utility for measuring the spacing between elements on webpage. This is supposed to be used during development only. [Try this out](https://spacingjs.com).
![](screenshot.png)
Read this document in other languages: [English](README.md), [繁體中文](README.zh-Hant.md), [简体中文](README.zh-Hans.md).
## How to use
1. Include Spacing.js with `<script>` tag in your HTML page:
- UNPKG CDN:
```html
<script src="//unpkg.com/spacingjs" defer></script>
```
- jsDelivr CDN:
```html
<script src="//cdn.jsdelivr.net/npm/spacingjs" defer></script>
```
2. Move your mouse cursor to an element, and press <kbd>Alt</kbd> on Windows or <kbd>⌥ Option</kbd> on a Mac.
3. Move your mouse cursor to another element, the measurement results will be there.
## More Options
Hold down with <kbd>Shift</kbd> key will delay the dismiss of measurement results, so that we can take a screenshot easier.
## Chrome Extension & Tampermonkey version
You can install the Chrome Extension version on the [Chrome web store](https://chrome.google.com/webstore/detail/spacingjs/fhjegjndanjcamfldhenjnhnjheecgcc), or build on your own with `npm run ext`.
## Contribute
Feel free to fork this repository and submit pull requests. Bugs report in [GitHub Issues](https://github.com/stevenlei/spacingjs/issues), features/ideas/questions discuss in [GitHub Discussions](https://github.com/stevenlei/spacingjs/discussions).
## License
Spacing.js is [MIT Licensed](LICENSE).
没有合适的资源?快使用搜索试试~ 我知道了~
用于测量网页上元素之间间距 的 JavaScript 实用程序__代码_相关文件_下载
共29个文件
js:8个
ts:6个
png:4个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5星 · 超过95%的资源 1 下载量 21 浏览量
2022-07-11
23:44:47
上传
评论
收藏 248KB ZIP 举报
温馨提示
用于测量网页上元素之间间距的 JavaScript 实用程序。这应该只在开发期间使用。试试这个。 阅读本文档的其他语言版本:英语、繁体中文、简体中文。 如何使用 <script>在 HTML 页面中包含带有标签的 Spacing.js : UNPKG CDN: <script src="//unpkg.com/spacingjs" defer></script> jsDelivr CDN: <script src="//cdn.jsdelivr.net/npm/spacingjs" defer></script> 将鼠标光标移动到元素上,然后Alt在 Windows 或⌥ OptionMac 上按。 将鼠标光标移动到另一个元素,测量结果将在那里。 更多详情、使用方法,请下载后阅读README.md文件
资源推荐
资源详情
资源评论
收起资源包目录
spacingjs-main.zip (29个子文件)
spacingjs-main
README.zh-Hans.md 2KB
.babelrc 67B
package.json 1KB
extensions
chrome
icon48.png 1KB
icon128.png 4KB
background.js 148B
icon16.png 627B
manifest.json 500B
bundle.js 7KB
tampermonkey
spacingjs_1.0.7.js 7KB
header.js 362B
extensions.config.js 1KB
README.zh-Hant.md 2KB
index.html 5KB
prettier.config.js 115B
LICENSE 1KB
package-lock.json 110KB
dist
bundle.js 7KB
screenshot.png 246KB
src
rect.ts 1019B
type.ts 208B
placeholder.ts 2KB
marker.ts 5KB
spacing.ts 5KB
index.ts 69B
tsconfig.json 581B
.gitignore 13B
webpack.config.js 1KB
README.md 2KB
共 29 条
- 1
资源评论
- 天仁之忍2023-01-25感谢资源主的分享,这个资源对我来说很有用,内容描述详尽,值得借鉴。
快撑死的鱼
- 粉丝: 1w+
- 资源: 9149
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功