基本信息

更新日期:
包名:
albnoggfgnooeefdjpncieecohhblonh
版本:
1.1.1
大小:
148KiB
类型:
扩展
平台:
Chrome
评分:
发布日期:
2021-06-29
价格:
免费
开发者:
https://schepp.dev

DOM Treemap插件截图

【图】DOM Treemap(截图1)

DOM Treemap插件简介

After a Google Lighthouse audit complaining an excessive DOM size, have you ever wondered in which corner of your document most DOM nodes are buried? Neither Lighthouse nor the Devtools themselves help finding those areas.

That’s what DOM Treemap is for. It extends your Devtools Elements tab with an additional pane which visualizes the distribution of node descendants of the currently inspected DOM element. This makes it easy for you drill down your DOM and to locate all those hidden the node heavy parts.

On top of that there is an extra tab for all those BEM affiniciados which visualizes via yet another treemap how node intensive your different BEM component are in average.

类似DOM Treemap插件

Extends the Developer Tools, adding ..
Extends the Developer Tools, adding a sidebar that displays React Component Hierarchy. A Chrome Developer tool that displays the component hierarchy of React applicationsPerfect fo..
Alix allows you to lint your HTML fo..
Alix allows you to lint your HTML for Accessibility issues simply by applying a stylesheet that makes use of advanced CSS selectors. Alix for Chrome is an extension for a11y.css. I..
Extends the Developer Tools, adding ..
Extends the Developer Tools, adding a sidebar that displays information about the gradients applied to the inspected element. You can also toggle every element's gradient like diff..
Get insight into the performance of ..
Get insight into the performance of the website in the current tabsort of a mini live version of WebPageTest Performance-Analyser (aka Performance-Analyzer) helps to analyze the cu..
A selection of author settings for C..
A selection of author settings for Chrome Developer Tools. If you use DevTools as part of your 
frontend development environment, 
DevTools Author provides a small set of 
options ..
To show, browse and audit (for accessibility and SEO) the headings structure
The extension generates a documentmap or index of any web document structured with headings (you can access directly to the content by clicking on any of its items), and now, it sh..
An extension to open current browser..
An extension to open current browser page in Responsively app This extension gives a handy way to send the current page URL to Responsively App with just click of a button.
OctoLinker – Links together, what be..
OctoLinker – Links together, what belongs together. OctoLinker – a browser extension for GitHub Navigate through projects on GitHub.com efficiently with OctoLinker. OctoLinker turn..
Accessibility Checker for Developers, Testers, and Designers in Chrome
Find and fix more accessibility issues during website development with axe DevTools. The free axe DevTools browser extension is a fast, lightweight, yet powerful testing tool drive..
Copy-paste fonctionnality to improve..
Copy-paste fonctionnality to improve quality of life. Permet de simplifier la vie des utilisateurs du BO; - copie colle de la conf - refresh du bon BP correspondant à une position ..
Satyr.io extension for offline usage..
Satyr.io extension for offline usage Free powerful API for generating dummy images with unique features like delay, aspect ratio, variable resolution, themes, flags, textures, file..
专门设计,以满足URL不会暴露给客户端的页面内的嵌入式支付方法。 可以由液体语音定制,由焦点,点击或浏览器内的一些其他事件触发。
专门设计,以满足URL不会暴露给客户端的页面内的嵌入式支付方法。 可以由液体语音定制,由焦点,点击或浏览器内的一些其他事件触发。
UART (Serial COM interface) terminal..
UART (Serial COM interface) terminal emulator. UARTool highlights: - Runs on any OS with Chrome - Works with native COM-ports and USB to Serial adaptors - Can send multiple user de..
A simple extension that allows you t..
A simple extension that allows you to stream your desktop into meetings with Jitsi Meet and Jitsi Videobridge.
帮助开发者方便的获取到HTTP ONLY的Cookies。专用于QianDao.XXKwz.Cn 帮助开发者方便的获取到HTTP ONLY的Cookies。 开源的Cookie..
帮助开发者方便的获取到HTTP ONLY的Cookies。专用于QianDao.XXKwz.Cn 帮助开发者方便的获取到HTTP ONLY的Cookies。 开源的Cookies获取助手,修改后适用于qiandao.xxkwz.cn
Extends the Chrome Developer Tools with a panel for monitoring Mozaic.js components
Extends the Chrome Developer Tools with a panel for monitoring Mozaic.js components
Shows the status of a pkgsrc freeze...
Shows the status of a pkgsrc freeze. The typical orange Pkgsrc icon is shown if there is no freeze and a blue icon is shown if there is a freezeNow there's no excuse to say you did..
gitlba helper to help you default your branch when use gitlab mr
gitlba helper to help you default your branch when use gitlab mr
Troubleshooting Trustpilot TrustBoxe..
Troubleshooting Trustpilot TrustBoxes. This add-on provides a toolbar button, which displays a summary of the Trustpilot widgets installed on the current webpage.

DOM Treemap插件下载

免费下载插件商店