1. Команда для отображения информации
Код заключается в следующем:
<! Doctype html> <html> <head> <title> Common Console Command </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </head> <body> <script type = "text/javascript"> console.log ('hello'); console.info ('information'); 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", 2016, 8, 20); </script>Эффект:
3. Информационная группировка
Код заключается в следующем:
<! Doctype html> <html> <head> <title> Common Console Command </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </head> <body> <script type = "text/javascript"> console.group ("Первая группа"); console.log ("Первая группа пункт 1: мой технический блог (https://segmentfault.com/u/learnme)"); console.log ("Первая группа. console.groupend (); Console.Group («Информация второй группы»); console.log ("вторая группа первой: энтузиаст программы"); console.log («Вторая группа вторая: добро пожаловать в присоединение»); console.groupend (); </script> </body> </html>Эффект:
4. Просмотреть информацию объекта
console.dir () может отображать все свойства и методы объекта.
Код заключается в следующем:
<script type = "text/javascript"> var info = {blog: "https://segmentfault.com/u/learnme/", github: "https://github.com/specialcoder/", сообщение: "Программа энтузиаст добро пожаловать, вы присоединяетесь к"};Эффект:
5. Отображение содержимого узла
console.dirxml () используется для отображения кода HTML/XML, содержащегося в узле веб -страницы.
Код заключается в следующем:
<! Doctype html> <html> <head> <title> Common Console Command </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </head> <body> <div id = info "> <h3> my blog: https:/sesmentfallf.com/lectrom Энтузиасты, вы можете присоединиться </p> </div> <script type = "text/javascript"> var info = document.getelementbyid ('info'); console.dirxml (info); </script> </body> </html>Эффект:
6. Определите, правда ли переменная
console.assert () используется для определения того, является ли выражение или переменная истинной. Если результат не является, соответствующее сообщение выводится на консоли, и исключение брошено.
Assert - хорошая особенность для обеспечения правильной программы. В браузерах с инструментами отладки эта функция может быть реализована путем вызова console.assert ().
Код заключается в следующем:
<script type = "text/javascript"> var result = 1; console.assert (результат); var Year = 2014; console.assert (год === 2018, "утверждение не удалось"); </script>
В операторе Console.assert () первый параметр является результатом утверждения, который необходимо выполнить, что должно быть истинным при нормальных обстоятельствах; Второй параметр - это сообщение об ошибке, напечатанное на консоли, когда возникает ошибка.
1-это значение не 0, это правда; и второе суждение ложное, а сообщение об ошибке отображается на консоли
Покажите результаты:
7. Отслеживайте трек вызова функции
Console.Trace () используется для отслеживания трека вызова функции.
Код заключается в следующем:
<script type = "text/javascript">/*Как называется функция, просто добавьте метод console.trace () к нему*/function add (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 ("count 1000*1000"); for (var i = 0; i <1000; i ++) {for (var j = 0; j <1000; j ++) {}} console.timeend ("count 1000*1000"); </script>Время работы составляет 10,64 мс
9. Анализ производительности консоли.profile ()
Анализ производительности (Profiler) предназначен для анализа времени выполнения каждой части программы и выяснить узкое место. Используемый метод - консоль.profile ().
Код заключается в следующем:
<script type = "text/javascript"> function all () {alert (11); for (var i = 0; i <10; i ++) {funca (1000);} funcb (10000); } function funca (count) {for (var i = 0; i <count; i ++) {}} function funcb (count) {for (var i = 0; i <count; i ++) {}} console.profile ('Analyzer производительности'); Все(); Console.profileend (); </script>Позвольте мне объяснить, что во время теста LZ не было добавлено никакого оповещения All (), а контрольная панель не была выводом. После добавления была таблица анализа производительности. Причина еще не ясна. Если вы знаете, вы можете прокомментировать.