当前位置: Chrome插件首页 > 开发者插件 > CSS Deconstructed Chrome插件

CSS Deconstructed Chrome插件

开发者插件
 

CSS Deconstructed Chrome插件图文教程

CSS Deconstructed is a tool for web developers to study the CSS of any given website. It allows users to remove all the styling for a specific element on a website and then re-apply the CSS rules one at a time at a speed of their preference. This tool provides valuable insight as to how different websites are constructed by visually building the site from scratch, right in front of your eyes.

How To Use:
- Inspect the HTML of a website you are interested in deconstructing.
- Choose the outer most selector that encompasses the part of the page you are interested in studying (**NOTE: If inspecting the whole page or a complex element, do note that it may take a while to rebuild.)
- Click the CSS Deconstructed Icon and enter in the selector, class, and/or ID.
- Choose how quickly you want each rule to be applied (often good to start with 10 ms)
- Click "Deconstruct!" to remove all CSS styling.
- Click "Build!" to re-apply each CSS rule.
- Watch your favorite site be rebuilt!


查看更多

CSS Deconstructed Chrome插件图片

  • CSS Deconstructed插件图片
  • CSS Deconstructed插件图片
  • CSS Deconstructed插件图片
  • CSS Deconstructed插件图片
  • CSS Deconstructed插件图片

CSS Deconstructed Chrome插件基本信息

插件名称:CSS Deconstructed 插件作者:kabbnigam 插件语言: English 官方站点: 插件唯一标识:inhlobcefhlmdljoeigpbpdehlpciohh

CSS Deconstructed Chrome插件用户数和评分

下载次数:84 用户评分:5 (共5分) 参与评分人数:2

CSS Deconstructed Chrome插件文件信息

当前版本:0.0.0.3 最后更新日期:2016-07-23 文件大小:39.2KiB

CSS Deconstructed Chrome插件下载地址

本站下载 已有 84 人成功下载
标签:

CSS Deconstructed Chrome插件近一年下载统计

月份 当月下载量
2015年07月CSS Deconstructed Chrome插件共 8 次下载
2015年08月CSS Deconstructed Chrome插件共 12 次下载
2015年09月CSS Deconstructed Chrome插件共 13 次下载
2015年10月CSS Deconstructed Chrome插件共 7 次下载
2015年11月CSS Deconstructed Chrome插件共 9 次下载
2015年12月共 7 次下载
2016年01月共 17 次下载
2016年02月共 13 次下载
2016年03月共 13 次下载
2016年04月共 17 次下载
2016年05月共 12 次下载
2016年06月共 14 次下载
2016年07月共 12 次下载
2016年08月共 10 次下载
2016年09月共 10 次下载
2016年10月共 10 次下载
2016年11月共 17 次下载
2016年12月共 11 次下载
2017年01月共 8 次下载
2017年02月共 12 次下载
2017年03月共 18 次下载
2017年04月共 13 次下载
2017年05月共 17 次下载
2017年06月共 10 次下载
2017年07月共 15 次下载
2017年08月共 16 次下载
2017年09月共 10 次下载
2017年10月共 11 次下载
2017年11月共 11 次下载
2017年12月共 13 次下载
2018年01月共 11 次下载
2018年02月共 8 次下载
2018年03月共 17 次下载
2018年04月共 15 次下载
2018年05月共 15 次下载
2018年06月共 8 次下载
2018年07月共 13 次下载
2018年08月共 18 次下载
2018年09月共 12 次下载
2018年10月共 14 次下载
2018年11月共 9 次下载
2018年12月共 8 次下载

CSS Deconstructed 同类插件推荐

Consolways Chrome插件

开发者插件 2015-02-16 02:14:53

这个扩展可以防止控制台重新定义,使Chrome的开发者控制台每次你需要它。
想用您的控制台在任何时候?只要安装这个扩展,你就可以用你的控制台,因为它应该是。

现在,您可以潜入你的控制台上的Facebook和其他网站覆盖的JavaScript控制台行为。

享受!

jnstrument Chrome插件

开发者插件 2015-01-09 15:06:25

Web浏览器
实时可视化的JavaScript

该项目的窗帘后面一看目的是给永世谁不PROGRAMM自己,一个想法和一个用户界面背后发生了什么图像网站。我们的目标是让用户体验,而不是解释给他/她会发生什么,例如被点击或页面滚动按钮时。

三可视化显示的JavaScript功能网络的不同方面的由开发人员构建和执行,当用户与网站交互。

创建者菲利普·阿德里安,巴塞尔, 2013年

更改日志
==== ===

Income monitor Chrome插件

开发者插件 2018-11-18 10:57:10

Расширение для проверки дохода ваших партнерских программ. Избавит ваc от необходимости вручную просматрива свои заработки, раз за разом залогониваясь на партнерские сайты.
- Показывает заработок

Github Annotator Chrome插件

开发者插件 2016-07-05 07:50:24

Show user details and repository info in a tooltip.
Show user,repo and gist informations in a tooltip at news feed. With this extension, you no longer have to visit the user's or repos' ow

JProfiler Origin Tracker Chrome插件

开发者插件 2016-04-09 16:06:12

Tracks XHR and fetch requests to your profiled Java app and shows JavaScript stack traces as origins within JProfiler
JProfiler is an all-purpose profiler for the Java virtual machine (JVM). As pa

OG Tag Debugger Chrome插件

开发者插件 2018-08-18 02:37:11

Analyze OG Tags with One Click

# One Click Debugging
You can get Open Graph Tag information just by clicking the extension icon

# Made Exclusively For OG Tag Debugging
Cause

WebPlatform Search Companion Chrome插件

开发者插件 2015-03-28 23:15:33

你是一个Web开发?安装这个扩展,并得到一个直接链接到WebPlatform中文档的任何文件属性或功能。 ......你
一个Web开发?安装这个扩展,并得到一个直接链接到WebPlatform中文档的任何文件属性或功能。 (您键入的URL盒) 空间,您的浏览器网址列和扩展将被激活;

只需键入& QUOT ; WPD & QUOT 。那么,什么类型的CSS属性,对于为例,你将获得直接的URL对应的http://webplatform.org页面

例子。类

No Refresh Chrome插件

开发者插件 2015-01-10 08:16:31

不再需要你的文本编辑器/ IDE和浏览器窗口,同时本地开发之间不断切换。
这个扩展不再需要你的文本编辑器/ IDE和浏览器窗口之间切换不断刷新并查看更新以及变更时
的扩展将刷新任何页面在浏览器中,如果它已经改变了在服务器上
更准确地说:这将刷新位于一个URI的任何资源,提供服务器现在服务于不同的资源在该位置。

这意味着,这将适用于任何HTML / XML /图像/ JSON的/ etc 。页面。即使在畸形的标记,或四百零三分之四百零四错误页面。