{"id":194677,"date":"2022-06-21T03:45:16","date_gmt":"2022-06-21T01:45:16","guid":{"rendered":"http:\/\/sftarticles.wpenginepowered.com\/en\/?p=194677"},"modified":"2025-07-01T20:38:20","modified_gmt":"2025-07-02T03:38:20","slug":"how-to-use-json-viewer-chrome","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/en\/how-to-use-json-viewer-chrome\/","title":{"rendered":"How to use the JSON Viewer Chrome Extension in 3 steps"},"content":{"rendered":"\n

JSON, or JavaScript Object Notation, is a popular format for sending and storing data<\/strong> on the internet. Coders and webmasters use JSON content all the time to power the websites you love. When developing webpages or performing bug fixes, it can be helpful to highlight the JSON strings<\/strong> hidden within a body of code. <\/p>\n\n\n

\r\n
\r\n
\r\n
\r\n \"JSON\r\n <\/div>\r\n
\r\n JSON Viewer<\/span>\r\n DOWNLOAD<\/a>\r\n <\/div>\r\n
\r\n <\/path><\/path><\/text><\/svg>\r\n <\/div>\r\n <\/div>\r\n
\r\n <\/span>\r\n <\/div>\r\n
\r\n \r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n<\/div>\n\n\n\n

With the completely free<\/strong> JSON Viewer extension for Google Chrome, you can easily highlight the syntax you are looking for.<\/p>\n\n\n

  1. Toggling the extension<\/h2>\"Your

    Upon acquiring JSON Viewer from the link above, you can toggle the add-on by clicking on the JSON Viewer icon<\/strong> that appears on the extension bar at the top of Chrome. Keep in mind that the icon will be invisible on sites that block it<\/strong>. For instance, Google’s chrome store does not allow the use of JSON altering add-ons. Navigate away from the download page to verify your extension is working. If your icon still doesn’t appear, check that JSON Viewer is pinned to your extension bar by clicking on the jigsaw icon<\/strong> and selecting the pin next to JSON Viewer in the add-on list.<\/p>\n<\/div><\/li>

  2. Determine website permissions<\/h2>\"From

    JSON viewer can be placed into one of three settings<\/strong> for reading and editing site data. You can have it run automatically on every website<\/strong>, just the website you are currently visiting, or you can choose to manually activate the extension by clicking the JSON Viewer icon. To change this setting, click the JSON Viewer icon in your extension bar. Scroll over the field that says “this can read and change site data”<\/strong> to see the three options listed. Click on your preference, and the changes instantly take effect.<\/p>\n<\/div><\/li>

  3. Changing your theme to dark mode<\/h2>\"Change

    When working for hours or late into the night, reducing eye strain is a must. You can activate dark mode<\/strong> by navigating over to the options page. From the JSON Viewer drop-down menu, select options<\/strong>. You will notice the themes selector listed at the top. Click the drop-down menu and select 3024-night<\/strong> for a basic dark theme. The same menu provides 26 additional options as well.<\/p>\n<\/div><\/li><\/ol><\/div>