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