CSSVacuum0.1.0
优化您的关键渲染路径CSSVacuum 是一种工具，可帮助您确定哪些 CSS 是“关键”的，或最重要的。 Google 建议将关键 CSS 放在首屏（https://docs.google.com/psentation/d/1IRHyU7_crIiCjl0Gvue0WY3eY_eYvFQvSfwQouW9368/
官方版无广告28
更新日期：2021年 8月 29日分类标签：开发语言：中文平台：
223KB 0 人已下载 手机查看
![CSSVacuum的使用截图[1]](https://chrome.nanbk.com/wp-content/themes/onenav/images/t.png)
简介:
优化您的关键渲染路径CSSVacuum 是一种工具，可帮助您确定哪些 CSS 是“关键”的，或最重要的。 Google 建议将关键 CSS 放在首屏（https://docs.google.com/psentation/d/1IRHyU7_crIiCjl0Gvue0WY3eY_eYvFQvSfwQouW9368/psent#slide=id.p19），这个插件有助于实现这一点。 CSSVacuum 查找首屏元素，与所有 CSS 类匹配，并根据相关内容重新生成 CSS（供您复制并粘贴到标题中，或者在创建 critical.css 文件时查看）。它是一种辅助开发的工具，尚未产生 100% 生产级 CSS。请在 https://github.com/ndreckshage/CSSVacuum 投稿。
相关资源
superQuery – BigQuery AI optimization engine
由 AI 提供支持的强大 BigQuery IDE，可将数据分析师转变为数据超级英雄。你的权力包括： - 实时优化您的查询的 AI 引擎。 - 自适应缓存——永远不要为同一个查询支付两次费用。 - 使用上下文感知智能撰写更快地编写查询- 同时执行多达 20 个查询。 - 自动检测标准/旧版 SQL。 - 使用变量
React Context DevTool
React Context 和 useReducer 的 Devtool React Context DevTool 是 React Context 和 useReducer API 的调试工具。您可以轻松地在树、原始和差异视图等不同视图中显示上下文值的变化。现在 Devtool 支持使用 Reducer API
Spector.js
轻松探索 WebGL 场景并排除故障。 Spector 是一种工具，旨在帮助 WebGl 开发人员了解在他们的上下文中发生了什么。它可以从帧中捕获所有可用信息。您将能够查看整个命令列表及其相关的视觉状态和上下文信息。您将能够轻松探索 WebGL 和 WebGL2 场景并排除故障。这与任何支持 WebGL 的浏览器
Differen-CSS
扩展开发者工具，添加一个面板，显示当前页面中所做的所有其他 css 更改这是 Web 开发人员的工具，可跟踪当前页面中所做的所有 CSS 修改 - 内联、嵌入和链接。更改保存在单独的面板中（在开发人员工具中），可以下载以供更新参考。请注意，该扩展仍处于 alpha 阶段，并不打算进行大量 CSS 更改PS链接到g
CSS debug alignment
在所有元素上添加背景颜色以调试 css 对齐在所有元素上添加背景颜色以调试 css 对齐。
Diver – Web Traffic Monitor Tool
根据您自己的规则监控请求并对其执行自定义处理。 Diver 是一个 Chrome 扩展程序，可让您监控网页上的网络请求。虽然浏览器的网络面板提供了这些请求的一般信息，但 Diver 的目的是根据用户设置的规则监控特定请求，并执行自定义处理，以可管理和可读的格式发送它们。总而言之，其特点包括： * 设置请求配置文件
暂无评论...