文件名称:Debug CSS-crx插件
文件大小:19KB
文件格式:ZIP
更新时间:2024-04-21 14:20:24
扩展程序
语言:English (United States) 将轮廓添加到页面上的所有元素,以显示正在更改所需布局的罪魁祸首 #调试CSSGoogle Chrome的轻量级扩展将显示页面上存在所有元素的大纲。虽然在Web页面开发上开发时,其中一个困难的部分是根据需要定位元素并检查影响另一个元素。此Chrome扩展允许用户在页面的每个元素上查看大纲。按住键盘Ctrl按钮和悬停元素,它将显示元素详细信息以及值。----------# 用法后安装只需单击扩展图标即可打开或关闭它。如果您是像我这样的键盘快捷情社,只需击中“Alt + Shift + C”键以切换扩展。----------# 怎么运行的?此扩展在CSS Outline属性上工作:在网页的任何CS中添加以下代码片段` * {概述:1px坚固的红色; }`延伸与唯一的事情相同;它给不同的元素给出了不同的颜色,而代码段为每个元素添加红色轮廓。----------#其他工作和存储库[jQuery的轻量级可自定义插件,以垂直进度条形的形式显示水平长度。](https://github.com/pranayjoshicse/verlim.js)[
【文件预览】:
Debug_CSS.crx