spacingjs（一个网页设计辅助开发工具）

三水非冰 · 发表于 2021-11-21 22:07

我不是作者，纯推荐。

bilibili：https://www.bilibili.com/video/BV1rR4y1E7xg
github：https://github.com/stevenlei/spacingjs

挺不错的工具，对于我这种前端废来说还是很有帮助的，可以测量元素间距。

使用方法是在开发的页面引用项目的js，在其他网页则将源码复制到控制台 Enter

为啥会有这么奇怪的用法？？？

看了一下代码发现是可以直接在油猴上用的：

新建一个油猴脚本，把源码全部复制，然后直接替换掉默认生成的函数，什么都不用改

[JavaScript] 纯文本查看 复制代码

(function() {
    'use strict';

    // Your code here...
})();

别忘了设置 @match ，要应用于哪个网址就设置哪个，例如 @match https://www.52pojie.cn

如果要应用所有网址则把 @match 改为 @include 加星号，例如 @include *

Windows 按 Alt 触发，MacOS 按 Option 触发。

这就一劳永逸了，就这么简单。

QQ截图20211121220124.png

dork · 发表于 2021-11-22 07:48

看来楼主是真不知道好多人都上不去GITHUB呀
给大家一个本地下载地址：
spacingjs-1.0.7.zip下载spacingjs-1.0.7.zip

yydj3535 · 发表于 2021-11-21 22:42

离楼主很近！！！

toutouxuejishu · 发表于 2021-11-21 22:50

我比你菜多了，才学到css。

wu_yang007 · 发表于 2021-11-22 00:16

感谢书签脚本都安装了一份虽然对我来说大概率用不上

fyypll · 发表于 2021-11-22 03:35

天意呀，前天抖音刷到过，然后忘记名字找不到了。昨天找了一天没找到，倒是找了一堆的还不错的chrom插件，现在又遇到了，nice

user002 · 发表于 2021-11-22 07:57

感谢分享

ky_wei · 发表于 2021-11-22 08:44

什么都不用下载，直接暴力猴或者油猴新建一个脚本，然后把下面的代码复制上去保存即可，就这么简单~

摁 alt键使用

[JavaScript] 纯文本查看 复制代码

// ==UserScript==
// [url=home.php?mod=space&uid=170990]@name[/url]        spacingjs
// [url=home.php?mod=space&uid=467642]@namespace[/url]   Violentmonkey Scripts
// [url=home.php?mod=space&uid=195849]@match[/url]       *://*/*
// [url=home.php?mod=space&uid=609072]@grant[/url]       none
// [url=home.php?mod=space&uid=1248337]@version[/url]     1.0
// [url=home.php?mod=space&uid=686208]@AuThor[/url]      -
// @description 2021/11/22 上午8:37:37
// @require     https://unpkg.com/spacingjs
// ==/UserScript==

ynboyinkm · 发表于 2021-11-22 09:13

现在的网页,越来越多的js,给爬增加了很多难度..

帐号		自动登录	找回密码
密码			注册[Register]

[其他转载] spacingjs（一个网页设计辅助开发工具）

免费评分