当前位置: 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 最后更新日期:2019-03-28 文件大小:39.2KiB

CSS Deconstructed Chrome插件下载地址

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

CSS Deconstructed 相关插件

CSS Deconstructed 同类插件推荐

Eruda Chrome插件

开发者插件 2019-01-17 03:57:33

At times you require viewing more than one tab in Chrome Dev tools, here's another developer tools available when you want.

Features:
- Console: Display JavaScript logs.
- Elements:

swagger.ed Chrome插件

开发者插件 2016-08-11 13:21:44

Visualization tool for Swagger powered APIs.
'swagger.ed' is a simple Chrome browser extension that displays a visual representation of an API modelled using the OpenAPI spec (fka Swagger)

Header View Chrome插件

开发者插件 2018-09-04 16:43:44

This browser extension evaluates a degree of trustworthiness and safety on every website you visit by inspecting the received HTTP headers and their compliance with the leading industry standards: a c

Lazy Cat Chrome插件

开发者插件 2018-08-26 03:29:05

用户调试物联网项目数据的开发者小工具

更新日志:

- 2016.11.17 `v2.0.4`
- 修复二维码显示错误

- 2016.11.17 `v2.0.3`
- 添加`popup`页面二维码显示、`inspect`页面快捷入口
- 兼容阿里智能`UI 1.0`数据查看
- 修复

Browser Resize Chrome插件

开发者插件 2014-11-22 21:30:09

显示和设置您的浏览器的宽度。优秀的响应式网页设计和测试媒体查询。包括键盘快捷键!
浏览器调整大小带来的快捷和方便的浏览器调整为响应Web和移动开发。看到一个按钮,点击或一个按键您的浏览器当前宽度。是的,这个小孩有快捷键!

随着快速预置的移动设备,检查媒体查询或移动网站使用一个按键。你甚至可以设置自己的自定义预设为您的设备。您的预置将跨越当前登录到您的帐户的所有设备进行同步

- 按Ctrl 右箭头打开扩展弹出
- 向上 - 向下 - - 手

Javadoc2Haxe Chrome插件

开发者插件 2015-10-16 09:31:12

参观一类的Javadoc页,在一键创建一个Java的extern为HAXE
注:由于HAXE 3.0时, HAXE编译器可以通过& QUOT直接使用jar文件; -java -库路径/到/ lib.jar & QUOT 。

Google Search Filter Chrome插件

开发者插件 2015-05-31 18:09:56

可让您指定的域脱颖而出,或从谷歌搜索结果中消失
变更
1.0.5更新,以支持谷歌搜索新版本1.0.4
增加支持HTTPS://加密.google.com /
1.0.3显著的性能提升
1.0.2增加了支持谷歌即时

关于谷歌搜索过滤器

此扩展主要针对的是谁了一遍又一遍运行API或问题集中搜索的开发。通常有极少数的网站,其结果大家喜欢的,和少数的网站,其效果不佳的或毫无价值的。

谷歌搜索过滤器允许您指

Awesome Cookie Manager (Beta2) Chrome插件

开发者插件 2015-05-09 13:21:21

显示所有谷歌Chrome浏览器的cookie的列表。 ,允许搜索,查看,编辑,保存,恢复和删除的cookie
的真棒Cookie管理器可让用户在谷歌Chrome浏览器管理Cookie

支持的功能:

( 1 )搜索的cookies。

( 2 )查看Cookie属性。

( 3 )编辑cookie的性质(价值和到期日) 。

( 4 )删除cookie 。

( 5