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

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

我不是作者，纯推荐。

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

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

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

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

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

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

(function() {
'use strict';

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

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

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

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

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

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键使用

// ==UserScript==
// @name    spacingjs
// @namespace Violentmonkey Scripts
// @match    *://*/*
// @grant    none
// @version 1.0
// @AuThor    -
// @description 2021/11/22 上午8:37:37
// @require https://unpkg.com/spacingjs
// ==/UserScript==

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

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

页: [1]

吾爱破解 - 52pojie.cn's Archiver

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