Extended DevTools Autor: Sab

Extended DevTools adds three utilities to your browser:

Data Layer Inspector

Opens a panel in DevTools (F12) that reads window.adobeDataLayer and displays it as an interactive, collapsible JSON tree. The panel auto-refreshes every second and only re-renders when data changes. You can copy the full JSON to your clipboard or reset the data layer directly from the panel.

Font Checker

Select any text on a page, right-click, and choose "Check Font" from the context menu. A popup shows the computed font properties — rendered font, font family stack, size, weight, style, line height, color, letter spacing, text transform, text decoration, font variant, and font stretch — along with a live styled preview of the selected text.

JavaScript Toggle

Click the toolbar icon to disable or enable JavaScript on the current tab. The icon reflects the current state. Useful for testing progressive enhancement and no-JS fallbacks.



All processing happens locally in your browser. This extension does not collect, store, or transmit any data.