这个插件大有可为啊——Stylus

10 条回复
116 次浏览

image
谷歌插件商店 GitHub


功能

给任意网站(可指定域名)添加自定义的 css 层叠样式表

用法示例

叠甲:此行为不鼓励,只供学习探讨

  1. xx 网站去水印
    在逛某个设备参数网的时候发现有个全局的水印,看着很不舒服
    打开控制台,选中元素,发现是一张、<img>标签引入的图片,直接用选择器选中该图片display: none
    (别学,可能有点刑?我只为了看得舒服,不截取转发数据)
  2. 试着给 2Libra 移除“今日热议”列表的头像框
    心血来潮想让“今日热议”列表更简约一点,用 css 把头像去掉
    由于没有标志性的类名,只能这样定位
    复制
    div[data-right-sidebar="true"] > div:nth-child(2) {
        /*普通头像*/
        div:has(> img) {
            display: none
        }
        /*svg 头像*/
        div:has(> svg) {
            display: none
        }
        /*动图的头像,被加了一层 canvas*/
        div:has(> div > canvas) {
            display: none
        }
    }
    大致效果:
    image
    3. 临时修复一些网站的样式问题
    image
    4. 其他用法你可以发挥想像力,比如改变边框线条粗细,改变左右布局、固定用户信息卡片,简单屏蔽一些低级广告等等
    (Jimmy 会不会揍我,精心设计的排版被我改得面目全非)

话说,这个应该选前端节点还是浏览器扩展节点,好难受,都想要

前排打手
Guardian

我也感觉有点像,可以说是针对 ui 的特攻版油猴?

六边形战士
Guardian

它只管修改网站的样式,而且编辑时,实时生效,不需要刷新页面。
用浏览器的 Split window 功能,左边打开网页,右边打开 Stylus,编辑页面样式非常方便。

@bopomofo @0x7C00

马上来

按道理说这是老牌 stylish 不行了之后唯二可以顶替的了,咋还有不知道的?还有个 xstyle,国人开发的

大平衡者
OP
Guardian

有个朋友是做前端开发的,偶然间聊到浏览器插件,他问:“浏览器插件?干啥用的”

马上来

很正常的,我现在觉得能打开 Github 能下载 Github 上的 Release 就已经超越 90% 的大陆程序员了

发表一个评论

R保持