JavaScript: Dumping tools and alias for development     
 
              
            Use it for easy dumping variables
            q() is alias for console.log()
            w() is function, that displaying colorfull variable data like "var_export" to popup transparent div
            based on this helpfull comment http://stackoverflow.com/a/7220510/2236189
            
            Example: http://jsfiddle.net/ymmsA/
            
// Browser's console dump
function q(i) {
  console.log(i);
}
// DOM's console dump
function w(obj) {
        function syntaxHighlight(json) {
            json = json.replace(/&/g, '&').replace(//g, '>');
            return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
                var cls = 'number';
                if (/^"/.test(match)) {
                    if (/:$/.test(match)) {
                        cls = 'key';
                    } else {
                        cls = 'string';
                    }
                } else if (/true|false/.test(match)) {
                    cls = 'boolean';
                } else if (/null/.test(match)) {
                    cls = 'null';
                }
                return '' + match + '';
            });
        }
        var json = JSON.stringify(obj, undefined, 4);
        $("#console pre").show().html(syntaxHighlight(json));
}
var consoleDiv = '';
var css = '';
$(document).ready(function() {
        $('head').append(css);
        $('body').append(consoleDiv);
});
            Tag: dump, var_dump, jQuery, console, Logging, console.log, colorfull, var_export, export, variable




 
  
 
0 Comments