• 明天我们家宝宝满月了
  • 一晚上忙了好几个小时,终于把支付前台通知解决了
  • 原计划要增加另外一种支付方案,现在可能要被搁置了
  • 今天上午刚刚注册了华为云,然后刚刚华为云的客服小姐姐就来电话了,小姐姐声音挺好听的
  • 今天无意中注册了华为云,然后发现跟阿里云基本一个模样,甚至连价格都一样
  • 继续测试一下
  • 发现一个问题就是,微信语音发送说说的时候,不要拦截没有UA的数据请求
  • 测试一下连接
  • 终于下雪了
  • 有赞的支付暂时用不了了,所以重新开发另一个支付插件

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

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

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

前言

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

为什么需要插件

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

使用

在安装好这款插件之后,我们还需要给他本地文件的访问权限。

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

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

插件下载

插件下载
-- 完 --
weinxin
扫码订阅,第一时间获得更新
微信扫码二维码,订阅我们网站的动态,另外不定时发送WordPress小技巧,你可以随时退订,欢迎订阅哦~

乐趣公园 , 版权所有丨如未注明 , 均为原创丨本网站采用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