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