Have a Snippet?

Keep, track and share your code snippets with your friends



JavaScript: Dumping tools and alias for development Share on Vkontakte

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