Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.
DOM Outliner Extension
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.
Read more
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.
Source 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" ]}
Read more