LOADING

Debug CSS

Debug CSS1.0

向页面上的所有元素添加轮廓以显示正在更改所需布局的罪魁祸首元素# 调试 CSS谷歌浏览器的轻量级扩展,用于显示页面上存在的所有元素的轮廓。在进行网页开发时,困难的部分之一是根据需要定位元素并检查哪个元素影响另一个元素。这个 chrome 扩展允许用户查看页面每个元素的轮廓。按住键盘 Ctrl 按钮并悬停元素,它将

官方版无广告31

更新日期:2021年 8月 29日分类标签:语言:中文平台:

19.06KB 0 人已下载 手机查看

简介:
向页面上的所有元素添加轮廓以显示正在更改所需布局的罪魁祸首元素# 调试 CSS谷歌浏览器的轻量级扩展,用于显示页面上存在的所有元素的轮廓。在进行网页开发时,困难的部分之一是根据需要定位元素并检查哪个元素影响另一个元素。这个 chrome 扩展允许用户查看页面每个元素的轮廓。按住键盘 Ctrl 按钮并悬停元素,它将显示元素详细信息和值。 ———- # 用法安装后只需单击扩展图标即可将其打开或关闭。如果您是像我一样的键盘快捷键爱好者,只需按“Alt+Shift+C”键即可切换扩展名。 ———- # 怎么运行的?此扩展适用于 CSS 大纲属性:在网页的任何 CSS 中添加以下代码片段` * {轮廓:1px纯红色; }`扩展做同样的事情,唯一的就是;它为不同的元素赋予不同的颜色,而代码片段为每个元素添加了红色轮廓。 ———- # 其他工作和存储库[jQuery 的轻量级可定制插件,以垂直进度条的形式显示水平长度。](https://github.com/pranayjoshicse/VerLim.js) [在 jqueryscript.net 上列出](https://www.jqueryscript.net/other/Simple-Custom-Reading-Indicator-with-jQuery-VerLim-js.html) [演示](https://www.jqueryscript.net/demo/Simple-Custom-Reading-Indicator-with-jQuery-VerLim-js/) ———- # 更多关于我[推特。](https://twitter.com/pranayjoshicse) [关于我。](https://about.me/pranayjoshi)

相关资源

SEO-HTML
此扩展程序用于检查网站的 HTML 源代码并显示 SEO 相关信息。此扩展程序用于分析网站的 HTML 源代码(无需通过 Javascript 进行 DOM 修改)并显示 SEO 相关信息。我知道,有很多这样的扩展程序可用,但我认为这个扩展程序的优点是以快速简便的方式显示重要信息。只需单击该图标,就会出现一个小弹
Core Web Vitals
此扩展程序衡量 Google Core Web Vital 分数该扩展主要衡量 Google Core Web Vitals。它将突出显示页面中的累积布局变化以及页面中的最大内容,这有助于开发人员了解有助于得分的 HTML 元素。在开发人员控制台中,它还记录了进行布局转换的 HTML 元素。这将使开发人员轻松识别
Jira Improved
改进的 Jira Agile 板!改进敏捷和看板! - 过滤门票! (键盘快捷键:F) - 发行卡中的史诗名称。 - 在卡片中显示每个拉取请求。 - 每个 github 图标都链接到拉取请求。 - 关闭的拉取请求突出显示为绿色(完成)。损坏的 url 是反转颜色。 - 多得多!! (截图已过时)。我请求“所有站点
friGate3
高级代理管理该扩展程序提高了浏览器配置代理服务器的能力。浏览器允许您以相当有限的方式使用代理,而我们的产品扩展了使用代理的可能性。添加图形界面,允许您配置需要通过代理打开的站点列表,并允许您将每个站点链接到特定代理。支持所有代理类型,包括授权。我们不会保留数据活动日志,也不会收集有关您互联网使用的任何数据,但可能
Free Seo Tool
支持和开发 SEO 的工具免费的 SEO 软件和支持工具我们支持有效的 SEO 服务,例如: - 搜索一系列最详细的关键词- 支持SEO工作的关键字组- 转到大纲以概述最佳文章- 重写文章以删除重复内容- 系列项目的实体管理- 创建Schema以支持网站声明- 图片SEO支持图片优化- 检查每个位置的确切关键字排
PageRip (HTML + CSS Extract)
使用元素选择器从任何网页上的任何元素中提取 HTML + CSS 片段。将完整网页转换为单个文件 HTML 和 JSX从网站创建组件。使用元素选择器获取单个元素,或将整个页面提取为 HTML 源代码。 PageRip 可以生成带有内联样式、CSS 类或 JSX 的 HTML,因此您可以轻松地将代码复制并粘贴到您的

暂无评论

暂无评论...