通过油猴脚本定制页面样式-当Safari浏览器不支持Stylus插件时
in 技术日志 with 2 comments and 6785 read

通过油猴脚本定制页面样式-当Safari浏览器不支持Stylus插件时

in 技术日志 and 6786 read

最近学了点CSS的皮毛,就想着优化一下自己经常用的页面的样式。

但是问题来了,Chrome浏览器可以很方便的通过Stylus插件规定适用页面,可以直接写CSS,非常的傻瓜易用。而Safari浏览器没有这个插件怎么办?

有个曲线救国的方法:通过油猴脚本,用JS修改CSS。

不啰嗦,直接上图。

Stylus on Chrome
Tampermonkey on Safari

怎么说呢,万幸油猴脚本兼容了Safari。

代码很简单,不需要脑子就可以直接套用,把CSS部分以不换行的形式,赋值给JS的一个变量“text”就行了。

其中,生效页面这一条,也可以通过@match属性进行说明。

代码可以通过这个链接直接查看复制:https://gist.github.com/iblueer/a4da3644316dfe653976467bfa730d20

Responses
  1. zgcwkj

    定义一个变量,就可以回车了吧?
    var addCss = `
    body{display:none}
    `;
    var addStyle = document.createTextNode(addCss);

    Reply
    1. @zgcwkj

      你可以试试看?😂

      Reply