View all json information loaded in a webpage inside a script tag with type text/json.
Web site is client-side rendered using react. We normally load data over https using our syncer architecture, but to avoid the extra roundtrip for the first screen that’s displayed, we embed it into the initial html response. Once the server has loaded the data that the client will need¹, it outputs it using a simple <script> tag of the form:
<script type="text/json" id="preloaded-data">
{
user: 'name',
email: '[email protected]'
}
</script>
This chrome plugin will help to see the data loaded into page like this, to help ease debugging while development and testing
You can Follow the below Step By Step procedure to install the Preloaded JSON viewer Chrome Extension to your Chrome Web browser.
It is the Preloaded JSON viewer Chrome extension download link you can download and install Chrome Browser.
Tags: Web Site , Client Side , Extra Roundtrip , Text Json , Syncer Architecture , Data Loaded , Simple Script Tag , Initial Html Response , Ease Debugging , Script Tag , Json Information , Script Type , Email Dipakchandranp15 Gmail , Webpage Inside ,
Makes JSON response easy to read.
Visualizes HTTP Archive (HAR) files opened locally or online. Also features JSON tree view for HAR and any structured JSON files.
Minimal JSON Viewer with JSON Path
The most beautiful and customizable JSON/JSONP highlighter that your eyes have ever seen. Open source at https://goo.gl/fmphc7
Port of Firefox's JSON Viewer
View the structure of XML, JSON files. This XML, JSON Viewer is a simple and powerful, very useful program for XML viewing.
JSON viewer with JSON path search
A treedoc viewer as chrome extension
The extension enables dark mode on all JSON web pages.
JSON browser extension with virtual DOM, search and JQ filtering