FeHelper/chrome/static/js/jsonformat/contentscript-jsonformat.js

/**
 * content_scripts中如果被检测到当前页面内容为json数据，则自动进行JSON格式化
 */
baidu.csJsonFormat = (function(){

	"use strict";

    var _htmlFragment = [
        '<div class="mod-json mod-contentscript"><div class="rst-item">',
            '<div id="formatTips">本页JSON数据由FeHelper进行自动格式化，若有任何问题，点击这里提交 ',
                '<a href="http://www.baidufe.com/item/889639af23968ee688b9.html#comment" target="_blank">意见反馈</a></div>',
            '<div id="formattingMsg">',
                '<svg id="spinner" width="16" height="16" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" version="1.1">',
                    '<path d="M 150,0 a 150,150 0 0,1 106.066,256.066 l -35.355,-35.355 a -100,-100 0 0,0 -70.711,-170.711 z" fill="#3d7fe6"></path>',
                '</svg>加载中...',
            '</div>',
            '<div id="jfContent"></div>',
            '<pre id="jfContent_pre"></pre>',
        '</div></div>'
    ].join('');

    var _loadCss = function(){
        var fcpCss = chrome.extension.getURL('static/css/fe-jsonformat.css');
        jQuery('<link id="_fehelper_fcp_css_" href="' + fcpCss + '" rel="stylesheet" type="text/css" />').appendTo('head');
    };

	var _init = function(){
		$(function(){
            var source = $.trim($('body>pre').html()) || $.trim($('body').html());
            var isJson = true;
            var jsonObj = null;
            try{
                jsonObj = JSON.parse(source);
            }catch(ex){
                isJson = false;
                try{
                    jsonObj = new Function("return " + source)();
                    isJson = true;
                }catch(ex){
                }
            }
            if(isJson && jsonObj) {
                $('body').html(_htmlFragment);
                _loadCss();
                JsonFormatEntrance.clear();
                JsonFormatEntrance.format(source);
            }
		});
	};

	return {
		init : _init
	};
})();

baidu.csJsonFormat.init();