和油猴齐名，怎么就没落了？今天让它再次伟大

原创奔跑中的奶酪奔跑中的奶酪

扩展、脚本、样式。

是我们普通用户折腾浏览器的三大法宝。

扩展、脚本都很好理解，但「样式」似乎已经过气，已经很少有人再提起它了。

今天就来聊聊「用户样式」，顺便“让它再次伟大”。

用户样式管理器

要怎么理解“用户样式”呢？

HTML、CSS、JavaScript 是网页设计的“三件套”。

如果说“油猴脚本 JavaScript ”改变的是网页的“行为”。

那么“用户样式 CSS”改变的则是网页的“外观”。

和油猴脚本一样，用户样式的管理器也有很多，比如：

1、Stylish

Stylish 是最早的样式管理器，早在 2005 年就上线 Firefox 浏览器，2010 年 Stylish 也上线了 Chrome 浏览器。

然而在 2016 年，Stylish 因涉嫌窃取用户浏览历史，被双双下架。

2、Stylus

Stylus 是基于 Stylish 的一个分支版本，它不但移除了 Stylish 的隐私上传模块，还带来了功能和性能上的提升。

3、xStyle

xStyle 是由国内的“Firefox 贴吧”团队开发，它最大的特色是简洁易用，无论是编辑还是管理，都非常的方便。

4、Stylebot

Stylebot 最早上线在 Chrome 浏览器，它最大的特点是可视化操作，即便你不懂网页代码，也一样可以轻松上手。

奶酪推荐 xStyle。（简洁，是高效第一生产力）

用户样式市场

有了样式管理器后，你可以到下面这些网站安装现成的样式。

1、UserStyles.org

地址：https://userstyles.org

Stylish 的官方网站，国内访问速度慢，曾经最大的样式市场，现在的活跃度不高了。

2、UserStyles.org 镜像网站

地址：https://uso.kkx.one

UserStyles 的镜像网站，可以解决国内访问速度慢的问题。

3、FreeStyler

地址：https://freestyler.ws

Safari 样式扩展 FreeStyler 的官方网站，活跃度也不高。

4、UserStyles.world

地址：https://userstyles.world

由 UserStyles 用户维护的一个全新样式市场，活跃度高，速度也不错。

5、Greasyfork

地址：https://greasyfork.org

Greasyfork 的创办者和 UserStyles 是同一个人，所以现在 Greasyfork 也可以发布样式了。

6、GitHub

地址：https://github.com

一些开发者会将 GitHub 作为第一发布源。

首选：UserStyles.world 和 Greasyfork。

用户样式推荐

别看有这么多的市场，但真正好用的并不多。

曾经与油猴脚本齐名的用户样式，现在怎么就不火了呢？

1、扁平化设计

最主要的原因，还是“扁平化设计”浪潮，它让网页的外观设计不再是重点，如今大多数网站都已经足够简洁。

2、有扩展可替代

其次，用户样式的最常用的“元素隐藏”功能，通过 uBock Origin 这样的广告过滤扩展也可以轻松实现。

3、样式的改造能力有限

还有一个原因是，CSS 样式只能改变网页的“皮相”，而无法改变网页的“骨相”。

使用 CSS 样式去修改网页的字体、字体渲染、黑夜模式、阅读模式，不如扩展这种综合性的改造方式更加有效。

4、大换装样式经常失效

一些像“百度仿谷歌样式”这样的大换装样式。

通常会因为网站的一个小更新，而出现排版错位的问题。

这无疑平添了烦恼，所以很多人干脆就不用用户样式了。

下面说一下我的用户样式方案：

清单地址：

https://www.runningcheese.com/userstyles

又或者

https://www.runningcheese.com/i05

PS：复制链接到浏览器中打开，微信打不开。

自定义用户样式

用户样式更多的使用场景，是我们自定义一些网站的样式。

下面我们以“今日热榜”为例来做一个简单教学。

这是“今日热榜”原来的样子。

1、首先，按 F12 打开“开发者工具”。

2、然后，点击最左边的“鼠标选择”按钮。

选择需要隐藏的元素，在“规则”一栏里加入 display:none; 的规则。

3、复制新加入的规则，打开 xStyle 页面，新建应用于 tophub.today 的样式。

4、将复制的规则代码，粘贴在两个 { } 之间，然后起个名字，最后保存。

5、同样的方法，加入其他的修改内容。

最后通过“用户样式”改造后的“今日热榜”，就变成了这个样子。

是不是清爽多了？

结尾

最后，如果你觉得你的优化修改还不错。

还可以将代码发布到 Greasyfork 或者 UserStyles.world 这两个目前最活跃的社区。

只有你加入贡献，用户样式才会再次伟大。

回复关键字
i
查看本系列的所有文章，
回复关键字
i05
获取本文提到的所有资源

近期文章：

专栏介绍：

看完文章：

1、点在看，帮助更多的人看到这篇文章。
2、写留言，对文章进行评论，我会尽可能回复。

3、点关注，关注我并星标，第一时间获取更新。