CSS Used:一款值得安利的提取CSS代码的浏览器插件

» 浏览器 » CSS Used:一款值得安利的提取CSS代码的浏览器插件

通过一款简单的浏览器,我们可以更快捷更简单的获取到网页样式代码,更方便我们集成到自己的项目里面。

CSS Used:一款值得安利的提取CSS代码的浏览器插件-极客公园

前言

熟悉云落的都知道云落还有一个专注谷歌浏览器插件发现和分享下载的网站,前几天云落就发现一款非常不错的插件,这款插件可以一键提取网页dom的样式代码。

为什么需要插件

在这里首先说下为什么需要这款插件,作为前段渣渣,云落不得不承认,有时候还是会借(抄)鉴(袭)一个别人的样式设计,这时候就需要提取一下网页的样式代码了但是一般网页的样式代码分为很多地方的,行内样式,外部样式,内部样式,还有可能有电脑样式,手机样式,在样式表里面还需要我们手动排除一个无用样式,毕竟我们只需要自己用到的样式,如果这些都是自己手动的话,会非常的耗精力,以至于让你丢弃这个样式,那么这个时候你就需要CSS Used这款插件了。

使用

在安装好这款插件之后,我们还需要给他本地文件的访问权限。
CSS Used:一款值得安利的提取CSS代码的浏览器插件-极客公园

随便打开一个网页,打开F12,选中一个div,然后F12右侧面板就多了一个CSS Used的tab,点击这个标签,下面就会自动搜索对应div的样式代码,如果没有选中本地文件权限的会提示权限的。

在文本框下面有3个按钮分别是复制预览,发送到,第三个不用看,我们可以点击预览,没问题的话就可以复制样式用在自己的项目里面了。

插件下载

插件下载

-- 完 --

发表评论

电子邮件地址不会被公开。 必填项已用*标注

5 Replies to “CSS Used:一款值得安利的提取CSS代码的浏览器插件”