← All examples

JavaScript Developer & QA

Pretty-print raw page JSON

If the page is raw JSON, it parses and re-displays it with readable indentation instead of one line.

Code to copy

try {
  const raw = document.body ? document.body.textContent.trim() : '';
  if (raw && (raw[0] === '{' || raw[0] === '[')) {
    const parsed = JSON.parse(raw);
    const pre = document.createElement('pre');
    pre.textContent = JSON.stringify(parsed, null, 2);
    pre.style.cssText = 'font:13px monospace;padding:12px;'
      + 'white-space:pre-wrap;word-break:break-word;';
    document.body.innerHTML = '';
    document.body.appendChild(pre);
  } else {
    console.log('JustZix: page body is not raw JSON');
  }
} catch (err) { console.error('JustZix JSON pretty-print:', err); }

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases