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)

相关资源

PixelSharp
将页面的图像缩放设置为最近邻以获得清晰的像素这是一个非常简单的扩展,它向热条添加了一个按钮,当单击该按钮时,缩放方法会更改为像素完美或“最近邻”缩放。将在某个时候更新更好的图标。
Page Object Generator By Storm
灵活灵活的 Selenium 页面对象模型生成器,可提高敏捷测试过程的速度。生成与 Storm 自动化框架一起使用的页面对象。这是 Selenium 页面对象生成器 https://chrome.google.com/webstore/detail/selenium-page-object-gene/epgmnm
RE:DOM dev tools
RE:适用于 Chrome 的 DOM 开发工具RE:适用于 Chrome 的 DOM 开发工具来源:https://github.com/pakastin/redom-devtools
IPv6 IPv4 R-DNS
IPv6 IPv4 优先,反向 DNS让您快速找出您的 IPv4 和 IPv6 地址和反向 DNS 查找,以及找出 IPv4 或 IPv6 的优先级。
CSS and XPath checker
用于确认 CSS 和 XPath 选择器的辅助工具。此工具有助于检查 CSS 和 XPath 选择器。它以高亮显示由选择器指定的元素。
JIRA Agile Instant
有用的扩展,让您在使用 JIRA Agile Board 时对信息进行排序、过滤、悬停。让您需要的信息触手可及……有用的扩展,让您在使用 JIRA Agile Board 时对信息进行排序、过滤、悬停。让您需要的信息触手可及,可以让您更快地工作并更有效地利用您的时间。 JIRA Instant Agile 在悬停

暂无评论

暂无评论...