stylish网站换肤与网站分析妙用

港控/mmm° 2022-01-20 23:21 310阅读 0赞

作者：吴甜甜  
个人博客网站： [wutiantian.github.io][]  
微信公众号： 吴甜甜的博客

--------------------

# [stylish][]是火狐浏览器等平台的**换肤插件** #

结合F12开发者功能可以进行：

*  背景色看起来不舒服，想换种颜色
 *  页面有一些内容你不想看到，想把它们 `display:none`
 *  \*\*【例如百度侧边广告栏！】\*\*
 *  页面中空白太多，或者显示太满，想重新排版
 *  如果采用笨办法，也许可以在 developer tools 中设置他们的 css，甚至自己做一份各个网站的 css，当导航到某个网站时，粘贴复制过来。
    
    stylish 就是做这件事的。它不仅可以帮你把不同网站的自定义 css 记录下来，当导航到对应网站时，自动加载相应的 css，还可以把你的 css 上传到云端，使你的 css 造福他人，也可以向他人下载收费。  
    
    
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQxNzEwOTE_size_16_color_FFFFFF_t_70]
    
    # 使用 [stylish][stylish 1] #
    
    ## 安装 ##
    
    应用商店 搜索 stylish，得分最高的那个就是，点击 安装
    
    ## 自定义样式 ##
    
    点击浏览器右上角的 **stylish** 图标后，点击后，**Create New Style**，就来到了设置样式的页面。在右边代码区编辑 css， 如图所示  
    ![这里写图片描述][Image 1]
    
    需要注意几点:
    
     *  左边 **Edit** 中需要将 *Enabled* 打开，才生效
     *  右下的 **Applies to** 用于设置适配的网站，如果不设置则对所有网站有效
     *  保存后，需要在网站中点击 Stylish 图标，在 Installed 标签页中将其设为 Active 状态才可使用

[wutiantian.github.io]: http://wutiantian.github.io
[stylish]: https://userstyles.org
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQxNzEwOTE_size_16_color_FFFFFF_t_70]: /images/20220121/0c4dda40e93a4f6f91816b3127b5c83d.png
[stylish 1]: https://userstyles.org/
[Image 1]: