使用StyleUrl+Chrome修改CSS样式表

发表于 | 分类于 |

简介

我们有时会在 Chrome 浏览器的开发者工具里面，修改 CSS 样式表。这个浏览器插件会比较修改前后的样式表，生成 diff 文件，并存入 GitHub Gist。

声明

拜读阮一峰的网络日志-每周分享第 18 期后，觉得此插件很有意思，来推荐一下。

正文

  1. 安装

    在StyleUrl官网点击ADD TO CHROME即可完成安装，需梯子请自备。

  2. 使用

    • 找一个网站

      这里用google试一下

    • 打开工具

      打开开发者工具(F12)，并启用StyleUrl插件。

    • 修改CSS样式

      随便改改CSS样式，这里把背景改成黄的。

    • 查看改动并提交

      点击StyleUrl插件View changes->Create Gist

    • 授权

      给StyleUrl授权创建Gist

    • 完成

      Gist效果：
您的支持将鼓励我继续创作！