суббота, 23 ноября 2013 г.

Продвинутая JavaScript отладка form при помощи console.table()

Продвинутая JavaScript отладка form при помощи console.table() в console.log в браузере Chrome


[].forEach.call(document.querySelectorAll('form'), function (input) {
    var table = [];
    console.group('HTMLForm "' + input.name + '": ' + input.action);
        console.log('Element: ', input, '\nName: ' +
            input.name + '\nMethod: ' + input.method.toUpperCase() +
                         '\nAction: ' + input.action || 'null');
        ['input', 'textarea', 'select'].forEach(function (control) {
            [].forEach.call(input.querySelectorAll(control), function (node) {
                table.push({
                    'Element':      node,
                    'Type':         node.type,
                    'Name':         node.name,
                    'Value':        node.value,
                    'Pretty Value': (isNaN(node.value) || node.value === '' ?
                        node.value : parseFloat(node.value))
                });
            });
        });
 });

Весь смысл в том чтобы использовать вместо console.log(languages); табличное представление
console.table(languages);

Комментариев нет:

Отправить комментарий

Постоянные читатели

Популярные сообщения