LOADING

Debug CSS1.0

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

官方版无广告37

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

去官方网站了解更多

相关资源

该扩展可以在浏览器动作中快速执行 URLEncode 和 URLdecode。 v1.1.0可选择的编码类型

将图像转换为 base64 数据 URI Image2Base64 是一个在线工具，由 Acid.JS Web.UI 提供，用于将图像文件转换为 base64 数据 URI。它实现了新的 HTML5 文件 API，所选图像完全在客户端处理，无需上传到服务器。

Tag Manager Validator

标签管理器的验证器，如：DTM、GTM 或 Tealium，它可以为您提供数据层的验证。这是验证标签管理和数据层的一种快速简便的方法。您还可以将其与分析请求并排进行比较。添加了第三方标签，例如：Facebook Pixel、Criteo Tag、Adform Pixel 和 Adwords Conversion

Avatars for Github

在 github 新闻提要页面中显示用户头像在 Github 新闻提要上显示用户头像，仅此而已。

检查错误调整大小和单像素图像通过将每个 img 元素的宽度和高度与 naturalWidth 和 naturalHeight 进行比较来检查调整大小的图像。突出显示调整大小的图像、单像素图像并在纵横比更改时发出警告。

GTM/GA Debugger

分析调试器扩展。轻松调试您的分析实施此扩展将允许您调试 Google 跟踪代码管理器和 Google Analytics 实现。当前支持的工具： - 谷歌标签管理器- 谷歌标签- 谷歌分析 4 - 通用分析- 马托莫/皮维克- 振幅除了更多功能外，您还可以执行以下操作： *预览增强器* 阻止 GA3/GA4 命中

暂无评论

暂无评论...