• 国庆快乐,放假三天

  • 准备增加一个免登录支付功能

  • 微信扫码登录功能已经 ok 了

  • 主题更新一下,修复了头像挂掉的问题

  • 后羿更新网站文章可能不会那么闲了

  • 不得不说,美国贴吧的界面真是难看到死

  • 看到网上新闻美国的贴吧将成为中国公司

  • 推送试试

  • 睡觉之前测试一下

  • 发现了一个非常不错的插件

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

浏览器 云落 11个月前 (12-19) 1477次浏览 5个评论
文章目录[隐藏]

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

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

前言

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

为什么需要插件

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

使用

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

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

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

插件下载

插件下载
-- 完 --
CSS Used:一款值得安利的提取CSS代码的浏览器插件
扫码订阅,第一时间获得更新
微信扫码二维码,订阅我们网站的动态,另外不定时发送 WordPress 小技巧,你可以随时退订,欢迎订阅哦~

极客公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:CSS Used:一款值得安利的提取CSS代码的浏览器插件

极客公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:CSS Used:一款值得安利的提取CSS代码的浏览器插件
喜欢 (0)
云落
关于作者:
无折腾,不生活,我是一个WordPress菜鸟,一个玩淘宝的卖家,欢迎你认识我,我是云落!
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. 233 真的会变吗
    Rioad2019-01-01 18:31 回复 Windows 10 | Chrome 63.0.3239.26
    • 云落
      这个已经取消了
      云落2019-01-01 19:23 回复 Windows 10 | Firefox浏览器 58.0
  2. SHISH试试看
    云落2018-12-21 19:34 回复 Windows 10 | Chrome 71.0.3578.98
  3. 太棒了!
    1234562018-12-19 13:48 回复 Linux | Chrome 57.0.2987.132
    • 云落
      用过就知道好不好
      云落2018-12-19 13:49 回复 Linux | Chrome 56.0.2924.87