JSON Format

format json for Chromium based browsers

  1. // ==UserScript==
  2. // @name JSON Format
  3. // @description format json for Chromium based browsers
  4. // @namespace https://www.kookxiang.com/
  5. // @version 1.0
  6. // @author kookxiang
  7. // @match https://*/*
  8. // @match http://*/*
  9. // @grant GM_addElement
  10. // @run-at document-body
  11. // ==/UserScript==
  12.  
  13. if (document.all.length === 4 && document.contentType === 'application/json') {
  14. var interval;
  15. var pre = document.querySelector('pre');
  16.  
  17. pre.innerHTML = JSON.stringify(JSON.parse(pre.innerHTML), null, 2);
  18. pre.className = 'language-json';
  19.  
  20. GM_addElement('script', { src: 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.0.1/highlight.min.js', onload: 'hljs.highlightElement(document.querySelector("pre"))' });
  21. GM_addElement('link', { rel: "stylesheet", type: "text/css", href: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.0.1/styles/github.min.css" });
  22. }