LOADING

Debug CSS

Debug CSS1.0

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

官方版无广告30

更新日期: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)

相关资源

Surf Extension
使用 github.surf 在 vscode 中浏览 github/gitlab/bitbucket 存储库通过 Surf 在 github.surf 上打开你的代码!按钮。这可以通过跳过开发中的克隆/分叉过程来节省您的时间。您还可以在本地工作区以外的其他分支上检查您/其他人的代码。 -github GIST
Pingler
通过单击浏览器中的图标 Ping 您所在的任何页面此附加组件是您即时 ping 任何页面的绝佳方式。如果您在某个页面上并想对其进行 Ping,只需单击 Chrome 浏览器中的 Pingler 图标,该页面的 URL 就会发送到 Pingler 并自动为您 Ping。
Plugin Vulnerabilities
当插件来自我们已为其发布安全建议的开发人员时,将警告消息添加到 WordPress 插件目录页面。 WordPress 插件安全问题的一个鲜为人知的现实是,它们的不安全性并没有均匀分布在这些插件上。取而代之的是,许多开发人员正确地保护了他们的插件,而其他人在被警告他们没有这样做时得到了正确的保护,而其他插件开发人
Page load time
在工具栏中显示页面加载时间此扩展程序测量页面加载时间并将其显示在工具栏中。 Navigation Timing API 用于精确测量。源代码可在https://github.com/alex-vv/page-load-time
Amplitude Event Explorer
通过与您的站点交互来探索和调试您的 Amplitude JavaScript SDK 工具。事件资源管理器允许您在 Web 应用程序中实时探索事件、事件属性和用户属性。单击时间线中的事件以进一步探索事件数据。单击 API 选项选项卡以进一步探索您的 SDK 配置。 » 注释 « • 此扩展可用于我们的任何浏览器
Apex Debugger
轻松调试 Salesforce 顶点代码轻松进行 Apex 调试。改进了 Salesforce 的调试日志。从任何 salesforce 页面按 Shift+w 打开日志。单击扩展以配置键盘快捷键。 • 在日志中搜索• 过滤日志• 删除所有日志• 添加当前用户• 缩进结构化数据,例如 sObject、List、X

暂无评论

暂无评论...