DOM Outliner
Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.
What is DOM Outliner?
DOM Outliner is a Chrome extension developed by noeclement, and its main feature is "Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.".
Extension Screenshots
Download DOM Outliner Extension CRX File
Download DOM Outliner extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
Acting as an X-ray for your page, this extension allows you to visually outline and distinguish different elements within a webpage's Document Object Model (DOM). With this extension, you can easily identify and analyze the structure of a webpage, making it easier to debug and optimize your web projects. Simply activate the extension and watch as the DOM elements are highlighted with different colors, allowing you to quickly and easily identify and differentiate between them.
Extension Basic Information
Name | DOM Outliner |
ID | bagbmhiblmhlllddcpdalmdohgaknibd |
Official URL | https://chromewebstore.google.com/detail/dom-outliner/bagbmhiblmhlllddcpdalmdohgaknibd |
Description | Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors. |
File Size | 5.2 KB |
Installation Count | 171 |
Current Version | 1.0 |
Last Updated | 2023-01-26 |
Publish Date | 2023-01-01 |
Developer | noeclement |
[email protected] | |
Payment Type | free |
Supported Languages | en |
manifest.json | |
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "DOM Outliner", "description": "Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.", "version": "1.0", "background": { "service_worker": "background.js" }, "action": { "default_title": "Outline DOM elements of current page" }, "icons": { "16": "icon16.png", "32": "icon32.png", "48": "icon48.png", "128": "icon128.png" }, "permissions": [ "activeTab", "scripting" ] } |