作为一个开发者，我们有时候可能会参考网上某一个网页的样式，我们需要在开发者模式找到节点使用的样式并将其一个个做整理，这样未免有些麻烦，今天给大家推荐一个可以一键提取页面css的插件。

插件加载后点击图标就能直接提取页面的css，插件会分析页面内所有style标签，元素上的行内样式，以及通过class引用的外链样式，提取后的css支持语法高亮并支持二次编辑后保存，插件运行截图如下：

此款插件理论上适用于所有主流浏览器（safari，火狐，IE除外），并已在chrome，搜狗，百度，360等浏览器下测试通过。

注意：下载的插件并不是一个crx后缀的插件，而是一个开发版的插件包，需要通过开发者模式导入，导入方法可以参考我之前的文章《如何在Chrome浏览器中加载开发版插件》。