当前位置: 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 - 网页开发者必备工具

开发者插件 2022-05-03 11:14:06

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同类插件推荐

XV — XML Viewer v1.1.6 Chrome插件

开发者插件 2019-12-28 12:43:47

XV 是 Google Chrome 的 XML 查看器。在线演示: http://media.chikuyonok.ru/xmlview/
版本 1.1.0 中的新版本:
当前 Chrome 版本的错误修正和改进:
此版本应修复 Chrome 27
新版本中引入的问题:
增加了对 Web 意图的支持,允许用户选择 XV 作为 RSS 和

微博换肤插件 Chrome插件

开发者插件 2015-05-26 10:49:56

本插件用于新浪微博builder审核外包会员皮肤及更换线上会员皮肤
1.本次上传的微博换肤插件同时兼容V5和V6的皮肤更换。
2.优化插件效率。

七牛云图床 Chrome插件

开发者插件 2019-10-23 21:06:48

通过七牛云存储对象创建你自己的私有图床。只要配置一次七牛云的密钥信息以及域名,后面就可以方便地上传图片了。目前支持的功能有:

1. 本地选择图片上传
2. 拖放本地图片上传
3. 生成三种格式的图片链接,可以方便写博客
4. 一键复制链接到剪切板

本项目是开源项目,任何建议或者想法都可以 issue 或者 pr。

htt

jQuery API 中文文档 Chrome插件

开发者插件 2019-11-18 16:58:55

jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,核心理念是write less,do more(写的更少,做的更多)。这让诸如 HTML 文档遍历和操作、事件

CrapApi-接口调试工具 Chrome插件

开发者插件 2019-04-29 22:21:37

CrapApi接口调试工具是CrapApi接口管理系统的插件,可以单独使用,用于接口调试,也可配合管理系统使用,登录后可直接同步管理系统中的接口。


ApiDebug & CrapApi-Plug(crapApi)区别:
ApiDebug为独立插件,与CrapApi接口管理系统接口数据没有互通,能不依赖服务器运行,服务器仅作数据备份
CrapApi-Plu

DevTools Theme: Zero Dark Matrix v3.0.5.1 Chrome插件

开发者插件 2020-04-23 04:49:44

这是开发人员工具 [CTRL/CMD SHIFT I] 的主题。安装说明
---------------------------------------------------------
-添加此主题
-Goto chrome: 使能-devtools-实验和使能开发工具实验。在页面底部选择 [立即重新启动]。
-打开开发人员工具设置,将主题模式设置为 “

Visual Event Chrome插件

开发者插件 2019-12-29 00:02:53

Visual Event是一个开源 JavaScript 书签,是一款可以方便开发在调试网页的时候查看各种网页元素和调试信息,支持查看某个元素的事件类型,并且可以快速对文档元素进行处理的chrome插件

店酷装修辅助工具 Chrome插件

开发者插件 2020-05-15 20:30:43

店酷装修辅助工具,解决店铺装修常见问题。主要功能包含如下:1、淘宝、天猫、1688无线端自定义热点。2、淘宝、天猫显示/隐藏子页面设计师模块。3、淘宝、天猫显示/隐藏导航条。4、淘宝、天猫开启/关闭页头下边距10像素,主要用于去除淘宝基础版页头下边距10像素。

Web Components Chrome插件

开发者插件 2020-03-20 00:38:22

作为开发人员,我们都知道尽可能地重用代码是一个好主意。传统上,对于自定义标记结构而言,这并不容易。考虑一下有时需要编写复杂的HTML(以及相关的样式和脚本)来呈现自定义

为打击盗链困扰,本站已启用公众号人机验证
微信扫码关注公众号,发送"插件"二字获得验证码,验证码5分钟有效。

Chrome插件离线安装方法