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 会不会揍我,精心设计的排版被我改得面目全非)


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

标签: none

添加新评论