当前位置: Chrome插件首页 > 开发者插件 > CSS Used v2.3.3 Chrome插件

CSS Used v2.3.3 Chrome插件

开发者插件

CSS Used v2.3.3 Chrome插件图文教程

CSS Used插件概述

作为一名前端开发者来说,有时候会借(抄)鉴(袭)一个别人的样式设计,这时候就需要提取一下网页的样式代码了,但是一般网页的样式代码分为很多地方的,行内样式,外部样式,内部样式,还有可能有电脑样式,手机样式,在样式表里面还需要我们手动排除一个无用样式,毕竟我们只需要自己用到的样式,如果这些都是自己手动的话,会非常的耗精力,以至于让你丢弃这个样式,那么这个时候你就需要CSS Used这款插件了。CSS Used插件可一键获取所有css应用于选定的Web元素及其子元素。适用于按钮等小组件提取。
CSS Used插件概述

CSS Used插件安装使用

1.你可以从chrome应用商店里找到CSS Used插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到CSS Used插件下载地址,当然你也可以借助于或者其他手段访问chrome应用商店。
CSS Used插件安装使用
2.离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面,它会提示你是否安装该插件,点击添加即可。
CSS Used插件安装使用
3.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。
4.插件安装好之后,我们还需要给他本地文件的访问权限。
5.随便打开一个网页,打开F12,选中一个div,然后F12右侧面板就多了一个CSS Used的tab,点击这个标签,下面就会自动搜索对应div的样式代码,如果没有选中本地文件权限的会提示权限的。
CSS Used插件安装使用
6.在文本框下面有3个按钮分别是复制预览,发送到,第三个不用看,我们可以点击预览,没问题的话就可以复制样式用在自己的项目里面了。

CSS Used插件已知极限

对于“ .wrap p {...}”之类的CSS规则,如果仅选择“ <p>”,则结果“ .wrap p {...}”将不适用于“ <p>”。将规则更改为“ p {...}”,或在最终的HTML中添加“ .wrap”父对象。

CSS Used插件更新日志

1.几乎提高了10倍!
2.新的UI +黑暗模式(与Devtools同步)
3.新添加的选项卡权限用于标识特殊URL。如chrome:// newtab

CSS Used插件联系方式

提供方: BobScript


查看更多

CSS Used v2.3.3 Chrome插件图片

  • CSS Used v2.3.3插件图片

CSS Used v2.3.3基本信息

插件名称:CSS Used v2.3.3 插件作者:BobScript 插件语言: English 官方站点:bobscript.com 插件唯一标识:cdopjfddjlonogibjahpnmjpoangjfff_2.3.3

CSS Used v2.3.3用户数和评分

下载次数:19529 用户评分:4.58824 (共5分) 参与评分人数:85

CSS Used v2.3.3文件信息

当前版本:2.3.3 最后更新日期:2020-06-20 文件大小:194KiB

CSS Used v2.3.3下载地址

CSS Used v2.3.3相关插件

Web Developer - 网页开发者必备工具

开发者插件 2019-02-13 23:42:46

Web Developer 这款扩展集成了各种各样的 Web 开发工具,几乎是网页开发人员必备的 Chrome 开发者工具扩展插件,安装之后会在浏览器工具栏添加一个齿轮状的小图标,点击小图标之后就可

XPath Helper:chrome爬虫网页解析工具

开发者插件 2018-05-02 07:26:41

xPath helper是一款Chrome浏览器的开发者插件,安装了xPath helper后就能轻松获取HTML元素的xPath,程序员就再也不需要通过搜索html源代码,定位一些id去找到对应的位置去解析网页了。

Cookie Inspector

开发者插件 2020-04-25 22:17:06

Cookie Inspector是由Big Bad Goose LLC发布的免费开发人员工具扩展,Google Chrome 缺少 cookie 编辑器和管理器。该插件直接在开发人员工具中编辑 cookies 、创建 cookies 和管理 cookies,只需右键单击

Xdebug helper

开发者插件 2019-12-06 11:21:12

每个人都必须拥有使用Xdebug调试,分析和跟踪PHP代码的功能。 此扩展将帮助您轻松地启用/禁用调试,性能分析和跟踪,而不必费力地处理POST / GET变量或cookie。对于使用带有Xdebug支持的

Chrome Poster

开发者插件 2020-03-13 21:06:25

Chrome Poster是开发人员工具,可让您与http服务器进行交互,主要用于与http服务器交互的开发人员工具。 也被称为简单的休息客户。

掘金

开发者插件 2018-02-18 21:29:27

为设计师、程序员、产品经理每日发现优质内容。
包含Android、前端、产品、设计、iOS、后端六大频道,每个频道内都有一到多个为你精心准备的优质内容源。

掘金是中国质量

CSS Used v2.3.3同类插件推荐

AWS Extend Switch Roles v0.10.1 Chrome插件

开发者插件 2020-02-13 10:26:36

在 AWS 管理控制台上,交换机滚动历史记录不会仅保持 5 个最大值。此扩展通过加载 aws 配置来显示更多交换机角色。如果您承担交叉帐户角色,控制台标题的底部会用指定的颜色强调。单击浏览器按钮,将配置文件设置编辑到弹出表单中的文本区域并保存。
支持 ~/。 aws/config 格式之类的 ~/. aws/credentials
# 简单配置
当您总是打算显示

WeChat KF Alert Chrome插件

开发者插件 2019-06-02 15:43:48

主要用于微信客服-网页端的监控
1 监控新用户的接入,并触发声音和弹窗告警
2 对于未回复的用户消息,进行自动告警
3 对客服转接消息进行告警
4 chrome://flags -》Silent Debuging Mac Windows Linux Chrome OS -》 stop
去掉提示框

更多详情请联系yhs666@

小懒人助手 Chrome插件

开发者插件 2017-06-25 03:29:21

小懒人助手是一款贴心的公众号素材定时推送的小工具
小懒人助手是为了解决公众平台的订阅号、服务号素材定时推送,支持文字、图片、语音、视频、图文等素材推送,小懒人助手真是一个很棒的小工具,一般人我还不告诉他。

前端开发助手 Chrome插件

开发者插件 2016-06-18 23:17:05

二维码生成(QRCode),短网址生成,默认图片(占位图)生成,图片外链(图床),HTML/CSS/JS 压缩格式化,JSON 格式较验等。
二维码生成(QRCode),短网址生成,默认图片(占位图)生成,图片外链(图床),HTML/CSS/JS 压缩格式化,JSON 格式较验等。

z-context v1.0.4 Chrome插件

开发者插件 2019-06-08 00:11:04

为什么用它?浏览器支持堆叠上下文的层次结构,而不是单个全局上下文。这意味着 z-index 值经常被错误地使用,并且会设置任意的高值。通过使用 Z-Context,您将知道:
-如果当前元素创建了堆叠上下文, 为什么
-它的父堆叠上下文是
-z 索引值
-
1.0.4-修复程序将为不透明度/变换创建堆叠上下文,但不为其他值创建堆叠上下文,https

SEOquake:搜索引擎优化工具 Chrome插件

开发者插件 2019-05-19 03:11:31

SEOquake是一个免费的浏览器插件,为您提供点击一个按钮的有机研究数据。目前,与Mozilla Firefox,Google Chrome和Opera兼容,SEOquake可以为搜索引擎结果中的列表提供参数。除了有机研究数据

DevDocs Web Ext v0.1.10 Chrome插件

开发者插件 2019-03-25 00:28:59

DevDocs Web Ext是一个浏览器扩展程序,用来弹出一个窗口搜索来搜索DevDocs(http://devdocs.io)中的文档,这样就不用每次都打开一个新标签页了。

欢迎反馈问题!

Chrome Sniffer Plus Chrome插件

开发者插件 2016-06-28 07:34:52

Sniff web framework and javascript libraries run on browsing website.
Sniff web framework and javascript libraries run on browsing website.

With this extension, You can sniff

-

TAPD助手 Chrome插件

开发者插件 2019-07-12 09:58:28

腾讯TAPD助手
by 小满科技技术团队

1、对任务描述中的自定义URL schma进行了解析。
2、页面修改调整。
2、快捷键。
* Shortcuts
* [Alt+Esc] toggle project list
* [Alt+Num] Num=1,2,3,4..., switch to project *Num*