1. Команда для отображения информации
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<Title> Common Console Command </title>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
</head>
<тело>
<script type = "text/javascript">
console.log ('hello');
console.info («Информация»);
console.error ('error');
console.warn («Предупреждение»);
</script>
</body>
</html>
Наиболее часто используемая консоль.log - это консоль.log.
Два: заполнитель
Вышеупомянутая концентрация консоли поддерживает формат Printf Placeholder. Поддерживаемые заполнители: символы (%s), целые числа (%d или%i), номера плавания (%f) и объект (%o)
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
Console.log (« %d Год D %D %D Day», 2011, 3, 26);
</script>
Эффект:
3. Информационная группировка
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<Title> Common Console Command </title>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
</head>
<тело>
<script type = "text/javascript">
Console.Group («Первая группа информации»);
console.log («Первая группа первой: my xx (// www.vevb.com)»);
console.log ("Первая группа 2: xxx (http://vevb.com)");
console.groupend ();
Console.Group («Вторая группа информации»);
console.log ("Вторая группа 1: энтузиаст программы QQ Группа: 80535344");
console.log («Вторая группа 2: добро пожаловать в присоединение»);
console.groupend ();
</script>
</body>
</html>
Эффект:
4. Просмотреть информацию объекта
console.dir () может отображать все свойства и методы объекта.
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
var info = {
Блог: "// www.vevb.com",
QQGroup: 80535344,
Сообщение: «Энтузиасты программы приветствуют вас, чтобы присоединиться»
};
console.dir (info);
</script>
Эффект:
5. Отображение содержимого узла
console.dirxml () используется для отображения кода HTML/XML, содержащегося в узле веб -страницы.
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<Title> Common Console Command </title>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
</head>
<тело>
<div id = "info">
<h3> Мой блог: www.ido321.com </h3>
<p> Энтузиаст программы: 259280570, добро пожаловать в присоединение </p>
</div>
<script type = "text/javascript">
var info = document.getElementbyId ('info');
console.dirxml (info);
</script>
</body>
</html>
Эффект:
6. Определите, правда ли переменная
console.assert () используется для определения того, является ли выражение или переменная истинной. Если результат не является, соответствующее сообщение выводится на консоли, и исключение брошено.
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
var result = 1;
console.assert (результат);
var Year = 2014;
console.assert (год == 2018);
</script>
1-это значение не 0, это правда; и второе суждение ложное, а сообщение об ошибке отображается на консоли
7. Отслеживайте трек вызова функции.
Console.Trace () используется для отслеживания трека вызова функции.
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
/*Как вызывается функция, просто добавьте метод console.trace () к нему*/
функция добавить (a, b) {
console.trace ();
вернуть A+B;
}
var x = add3 (1,1);
Функция add3 (a, b) {return add2 (a, b);}
Функция add2 (a, b) {return add1 (a, b);}
Функция add1 (a, b) {return add (a, b);}
</script>
Информация о выводе консоли:
8. Функция времени
console.time () и console.timeend () используются для отображения времени выполнения кода.
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
Console.Time («Консольный таймер первый»);
для (var i = 0; i <1000; i ++) {
for (var j = 0; j <1000; j ++) {}
}
console.timeend («Консольный таймер один»);
</script>
Время работы составляет 38,84 мс
9. Анализ производительности консоли.profile ()
Анализ производительности (Profiler) предназначен для анализа времени выполнения каждой части программы и выяснить узкое место. Используемый метод - консоль.profile ().
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
функция All () {
предупреждение (11);
для (var i = 0; i <10; i ++) {
funca (1000);
}
funcb (10000);
}
функция funca (count) {
for (var i = 0; i <count; i ++) {}
}
функция funcb (count) {
for (var i = 0; i <count; i ++) {}
}
console.profile («Анализатор производительности»);
Все();
console.profileend ();
</script>
Позвольте мне объяснить, что во время теста LZ не было добавлено никакого оповещения All (), а контрольная панель не была выводом. После добавления была таблица анализа производительности. Причина еще не ясна. Если вы знаете, вы можете прокомментировать.