tag-to-json Inspector by KeshavSoft

Extract live DOM elements Extract live DOM elements into clean json-to-tag declarative specifications with one click or from console. into clean json-to-tag declarative specifications with one click or from console.

Available on Firefox for Android™

0 (0 reviews)

Download Firefox and get the extension

Download file

Scan the QR code to open this extension in Firefox for Android

About this extension

tag-to-json Inspector is a developer tool that extracts live HTML DOM elements directly into clean, declarative JSON specifications compatible with @keshavsoft/json-to-tag.

Zero-Friction DOM Extraction: Convert any DOM node, table, header, navigation bar, or card component into a structured JSON specification.
Round-Trip Fidelity: Generated specifications can be immediately re-rendered with @keshavsoft/json-to-tag or edited in the KeshavSoft Visual Renderer.
DevTools Console Integration: Automatically injects window.tagToJson and window.domToSpec on any webpage so you can inspect elements and extract specs on the fly.
Zero External Dependencies: Pure native DOM traversal with zero telemetry and zero external network tracking.

Open any webpage in Firefox.
Open Developer Tools (F12) -> Console.
Select or query any element and run:
tagToJson({ inElement: document.querySelector('header') })
or pass an element ID:
tagToJson('stockItemsTable')
Copy the resulting JSON tree and paste it into your json-to-tag project or visual renderer.

Rated 0 by 0 reviewers

tag-to-json Inspector by KeshavSoft

Required permissions:

Data collection: