HTML Viewer
View HTML as a collapsible tree. Navigate large documents without scrolling through raw markup.
Input
Output
Ready
Drop a file to load it
About this tool
Explore an HTML document as a tree rather than as text. Collapse the parts you do not care about and drill into the parts you do.
When you would use it
- Navigating a large HTML document
- Understanding an unfamiliar structure
- Finding a specific value quickly
Worked example
<div class="card"> <h2>Ada Lovelace</h2> <p>Score: <strong>91.5</strong></p> </div>
{1}
▾ div {3}
@class: "card"
h2: "Ada Lovelace"
▾ p {2}
strong: "91.5"
#text: "Score:"
Things worth knowing
- The tree is built from a real parse, so anything that renders here is valid HTML.
Questions
Frequently asked
Can I search the document?
Yes — search matches names and values, expanding and highlighting each hit.
Is my data uploaded anywhere?
No. Every tool on JSONWorks runs entirely in your browser using JavaScript. Your input is never sent to a server, never logged and never stored. The simplest proof is to disconnect from the internet — the tools keep working. The site does load Google Fonts and a Google Analytics page-view tag, so you will see those two requests in your network tab, but neither receives anything you type or paste.
Does it work offline?
Yes. JSONWorks is installable as a progressive web app and caches itself on first visit, so every tool keeps working without a connection.
Related