Livewire devtools1.0.0

帮助华盛顿大学的研究人员了解广告如何针对您此扩展是华盛顿大学 Paul G. Allen 计算机科学与工程学院的一项研究的一部分。我们希望了解广告商为向您展示广告而支付的费用，以及他们如何定位您。作为学习的一部分，您将临时安装此扩展程序，并浏览我们提供的 10 个网站。在学习过程中，我们的扩展程序将自动收集以下信

tachyons-debug 的浏览器扩展测试版在任何网页上切换背景网格，这可以帮助您垂直和水平地排列元素。有时在大量空白中很难看到事物是否对齐。背景网格采用 8px grid.920

跨断点轻松检查页面的网格对齐方式。支持多个断点和常用的网格值（间距、列、最大宽度等）。配置可以很容易地作为 json 对象在团队成员之间保存和共享。示例配置文件： [ { “列”：4， "margins": 16, // 第一列和最后一列前后的 px // 这些排水沟像边距一样工作： // 如果列间距为 32px

以交互方式查看网站布局如何响应性变化介绍Seesponsive 是一个简单的 Google Chrome 扩展程序，可让您查看网站的布局和设计如何随着可用屏幕宽度的变化而响应式调整。它还可以让您看到逐渐匹配或不匹配的媒体查询，从而推动了这些变化。用法要使用该扩展程序，只需浏览到使用媒体查询的网站即可。然后单击工具

收集和分析 CSS。 CSS Dig 在大多数网站上查找和分组样式表和样式块，提供了一种分析代码和计划重构的简单方法。属性：查看所有 CSS 属性、它们的频率和变化。有太多的蓝色阴影？不一致通常意味着您的开发人员的困惑和您的最终用户的违规行为。选择器和特异性：你的选择器很长吗？使用大量ID？特殊性战争令人沮丧，堆

此扩展程序是一种帮助可视化网页上 HTML 元素布局的工具HTML Hierarchy Visualizer 是一款面向前端 Web 开发人员的可视化工具，可帮助理解网页的细分。它创建彩色边框和背景来区分 HTML 元素的祖先和布局。如何使用： - 按 chrome 扩展图标，会出现一个下拉菜单- 选择应用边框或