The latest articles on DEV Community by Yusuf Turek (@yusuf_turek). https://dev.to/yusuf_turek https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3125949%2Fad040920-283f-4cce-9d3e-f7c7fe6b12a9.png https://dev.to/yusuf_turek en Yusuf Turek Mon, 05 May 2025 12:53:01 +0000 https://dev.to/yusuf_turek/a-cleaner-faster-way-to-view-json-in-chrome-30bc https://dev.to/yusuf_turek/a-cleaner-faster-way-to-view-json-in-chrome-30bc <h2> A simple Chrome extension to make JSON readable again </h2> <p>Tired of Chrome turning JSON into a wall of text?</p> <p>Here’s a clean, no-BS extension that makes JSON easy to read:<br><br> 👉 <a href="https://chromewebstore.google.com/detail/json-viewer-advanced-form/mdiniafkibnneammmbcokhdidngkcoip" rel="noopener noreferrer">JSON Viewer Advanced Format</a></p> <h3> ✅ Why it’s worth installing </h3> <ul> <li>Auto-formats and highlights JSON instantly</li> <li>Expand/collapse nodes for easier navigation</li> <li>Dark mode support (follows system theme)</li> <li>Works on any valid JSON URL or pasted content</li> <li>Handles large JSON files smoothly</li> <li>Copy any part of the JSON with one click</li> <li>Search/filter support (Ctrl+F works)</li> <li>100% local — no tracking, no background scripts, no network access</li> <li>Lightweight and fast — no unnecessary bloat</li> </ul> <p>Great for anyone working with APIs or debugging JSON in the browser.</p> <h3> 📸 Screenshots / demo </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftg7dfry4drvtsn6mol76.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftg7dfry4drvtsn6mol76.png" alt="Image description" width="800" height="580"></a> </p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2p2zof1aigrxjkk5llhk.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2p2zof1aigrxjkk5llhk.png" alt="Image description" width="800" height="580"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9fedjimzw9yi8whv6uck.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9fedjimzw9yi8whv6uck.png" alt="Image description" width="800" height="580"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxzer1die7wpoua1cgnur.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxzer1die7wpoua1cgnur.png" alt="Image description" width="800" height="580"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkrmr3ib7n3eqpctxxspm.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkrmr3ib7n3eqpctxxspm.png" alt="Image description" width="800" height="580"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmcfq23osyfdou8gzjli4.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmcfq23osyfdou8gzjli4.png" alt="Image description" width="800" height="580"></a></p> <p>Give it a try and see the difference:<br><br> 👉 <a href="https://chromewebstore.google.com/detail/json-viewer-advanced-form/mdiniafkibnneammmbcokhdidngkcoip" rel="noopener noreferrer">Install JSON Viewer Advanced Format</a></p> javascript extensions