Extended DevTools 作者: Sab
A toolkit for web developers: inspect the adobeDataLayer as a live JSON tree, check computed font properties of any selected text, and toggle JavaScript on/off per tab.
实验性实验性
扩展元数据
关于此扩展
Extended DevTools adds three utilities to your browser:
Data Layer Inspector
Opens a panel in DevTools (F12) that reads
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.
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.
评分 0(1 位用户)
权限与数据
更多信息