JS/jQuery

JS функции для консоли браузера

1

console.log

Выводит сообщение или переменную в консоль.

var text = 'Текст JavaScript';
console.log(text);

console.log()

Тексту можно задать стили:

console.log ('%c%s', 'color: red; font: 18px Tahoma;', 'Стили у текста в консоли');

Тексту можно задать стили

2

console.info

Тоже выводит сообщение, только с пометкой «i», в Google Chrome ее нет.

var text = 'Инфо JavaScript';
console.info(text);

Mozilla Firefox:

console.info()

3

console.warn

Выводит предупреждение.

var text = 'Предупреждение JavaScript';
console.warn(text);

console.warn()

4

console.error

Выводит сообщение об ошибке.
var text = 'Ошибка JavaScript';
console.error(text);    

console.error()

5

console.dir

Выводит массив или объект в виде дерева с возможностью просмотра содержимого дочерних элементов.

console.dir(window);

console.dir()

6

console.table

Выводит массив или объект в виде таблицы.

var obj = {
    0: ['Элемент 1'], 
    1: ['Элемент 2'], 
    2: ['Элемент 3']
};
console.table(obj);

console.table()

7

console.trace

Трассировка, выводит список названий вызываемых функций и методов и где они расположены в файлах.
function add() {
    console.trace();
    return 1;
}

function calc() {
    return add();
}

calc();

console.trace()

8

console.count

Счетчик, выводит сколько раз был вызван console.count(name).

console.countReset(name) – обнуляет значение.

console.count();

for (n = 1; n <= 3; n++) {
    console.count('for');
}

console.count();

console.count()

9

console.time

Таймер, выводит время между вызовами console.time() и console.timeEnd(). Также можно использовать несколько таймеров с разными названиями в параметре функции.

console.time();

var d;
for (n = 1; n <= 30000; n++) {
    d = d * n;
}

console.timeEnd();

console.time()

27 марта 2019
Применение масок ввода у полей форм значительно упрощает их использование, уменьшает количество ошибок и приводит...