TreeJSON — JSON Viewer, Tree View, YAML & XML Formatter

I-format ang JSON, YAML, XML sa browser. Tree view, hanap, kopyahin JSONPath, i-export. Open source, privacy-first, MV3.

Pino-format ng TreeJSON ang JSON, YAML, at XML responses direkta sa iyong browser — agad, lokal, at walang telemetry. Itinayo mula sa simula sa Manifest V3 matapos ang pinakasikat na JSON Formatter Chrome extension (mahigit 2 milyong user) ay naging closed-source at nagsimulang mag-inject ng third-party scripts noong simula ng 2026. ANO ANG GINAGAWA NITO Nade-detect ng TreeJSON ang JSON, YAML, at XML responses sa pamamagitan ng Content-Type header at file extension, pagkatapos ay ipinapakita ang mga ito bilang malinis na napupundong tree view, na may syntax highlighting, item counters, at indent guides. Walang setup, walang account, walang server. MGA PANGUNAHING TAMPOK • Awtomatikong pag-format ng JSON, JSON-LD, JSON:API, HAL+JSON, NDJSON, YAML, at XML • Napupundong puno na may item counters at indent guides • Buong-text na paghahanap sa mga key at value na may substring highlighting • Right-click sa anumang node → kopyahin ang JSONPath, raw value, o buong subtree • Click-to-copy sa anumang primitive value • JSON validator na may parse errors na may linyang bilang • I-export ang JSON → CSV (array ng objects), TypeScript types, o JSON Schema (Draft-07) • Light / dark / auto theme — sumusunod sa iyong OS • I-disable bawat tab, bawat origin, regex URL exclude patterns • Mga keyboard shortcut (Alt+Shift+J para mag-toggle, ⌘/Ctrl+F para sa paghahanap) • Gumagana sa mga local file (file://) kapag in-enable mo ang file access • Raw / parsed toggle — bumalik sa source text anumang oras • 100% offline pagkatapos i-install — walang sariling network requests PARA KANINO Mga web developer na nagde-debug ng REST at GraphQL responses, backend engineers na nag-iinspeksyon ng payloads, QA engineers na nagve-verify ng response shapes, DevOps na nagbabasa ng config files, sinumang dumarating sa raw JSON URL at gustong basahin ito nang madali. PAANO ITO GUMAGANA Magbukas ng JSON, YAML, o XML URL → ang TreeJSON ay nagsu-suri ng Content-Type → nagpapakita ng nakabalangkas na puno → maghanap, kopyahin, i-export. Walang configuration, palaging. BAKIT TREEJSON • Privacy-first. Zero telemetry, zero analytics, zero third-party scripts, zero server. • Open source. MIT license. Ang detection code ay ma-aaudit sa pampublikong repository. • MV3-native. Itinayo para sa kasalukuyang platform ng extension ng Chrome. Hindi ma-didisable ng mga susunod na Chrome update na mag-aalis ng Manifest V2. • Pinakamababang permissions. «storage» lamang para sa mga preference at «activeTab» para sa kasalukuyang page. Ang «<all_urls>» host permission ay ginagamit lamang para basahin ang Content-Type ng response. • Multi-format. JSON, YAML, XML — isang tool, tatlong viewer, isang pare-parehong UI. PALIWANAG SA PERMISSIONS Bakit humihingi ang TreeJSON ng access sa lahat ng website? Ang JSON, YAML, at XML API ay naka-host sa bawat domain sa web. Para awtomatikong i-format ng Chrome ang JSON response mula sa anumang domain, kailangang ideklara ng extension ang access sa domain na iyon. Ang TreeJSON ay nag-iinspeksyon lamang ng Content-Type ng dokumento. Kung ang response ay hindi JSON, YAML, o XML, ang content script ay agad na magtatapos. Walang browsing history na binabasa. Walang URL na lumalabas sa browser. Walang ipinapadala kahit saan. LILIPAT MULA SA IBANG JSON VIEWER? Naghahanap ng open-source JSON viewer na walang telemetry, walang third-party scripts, at may kasalukuyang MV3 codebase? Ang TreeJSON ang privacy-first, multi-format na opsyon. Lumipat sa loob ng ilang segundo. FAQ T: Mag-i-inject ba ang TreeJSON ng pop-up o banner sa shopping o checkout pages? S: Hindi. Hindi tumatakbo ang TreeJSON sa mga non-JSON page. Ang content script ay nagtatapos bago basahin ang page kung ang Content-Type ay hindi JSON, YAML, o XML. T: Sinusubaybayan ba ng TreeJSON ang aking pag-browse? S: Hindi. Ang TreeJSON ay may zero papalabas na network requests. Hindi ito naglo-load ng remote scripts, fonts, o analytics SDK. T: Bakit ito humihingi ng «<all_urls>»? S: Ang JSON API ay naka-host sa bawat domain. Sino-suri ng TreeJSON ang Content-Type ng response at magtatapos kung hindi ito relevant. Walang URL na nila-log o ipinapadala. T: Maaari ko bang i-edit ang JSON? S: Ang TreeJSON ay read-only sa v1. Gumamit ng dedicated JSON editor para sa pagsulat. T: Gumagana ba ito offline? S: Oo. Pagkatapos i-install, ang TreeJSON ay buong tumatakbo sa lokal. Walang server component. T: Pampubliko ba ang source code? S: Oo. MIT-licensed sa GitHub. I-audit ang detection logic, parser glue, at rendering code bago i-install. T: Paano ito naiiba mula sa Chrome DevTools? S: Pinapakita ng DevTools ang JSON sa Network tab at kinakailangang buksan ito para sa bawat request. Ang TreeJSON ay awtomatikong nag-fo-format ng bawat JSON URL na binubuksan mo sa regular tab — mas mabilis para sa pang-araw-araw na pag-inspeksyon ng API, walkthrough, at screen sharing.