Большинство браузеров поставляются со встроенными инструментами разработчика. Эти инструменты обычно включают консоль . Консоль предоставляет информацию о текущей странице.
Сообщения, регистрируемые в консоли, поступают либо от веб-разработчиков, создавших страницу, либо от самого браузера. Все сообщения консоли имеют уровень важности: Verbose , Info , Warning » или Error . Сообщение Error означает, что на странице есть проблема, которую необходимо устранить.
Почему аудит ошибок браузера Lighthouse не работает
Lighthouse отмечает все ошибки браузера, зарегистрированные в консоли:
Как исправить ошибки браузера
Исправьте каждую ошибку браузера, о которой сообщает Lighthouse, чтобы гарантировать, что ваша страница будет работать так, как ожидается, для всех ваших пользователей.
Chrome DevTools включает в себя несколько инструментов, которые помогут вам отследить причину ошибок:
- Под текстом каждой ошибки консоль DevTools показывает стек вызовов , приведших к выполнению проблемного кода.
- Ссылка в правом верхнем углу каждой ошибки показывает код, вызвавший ошибку.
Например, на этом снимке экрана показана страница с двумя ошибками:
В этом примере первая ошибка возникает у веб-разработчика при вызове console.error() . Вторая ошибка возникает у браузера и указывает на отсутствие переменной, используемой в одном из скриптов страницы.
Под текстом каждой ошибки в консоли DevTools указан стек вызовов, в котором она возникла. Например, для первой ошибки консоль указывает, что (anonymous) функция, вызвавшая функцию init , вызвала функцию doStuff . Нажав на ссылку pen.js:9 в правом верхнем углу этой ошибки, вы увидите соответствующий код.
Такой просмотр соответствующего кода для каждой ошибки может помочь вам выявить и устранить возможные проблемы.
Если вы не можете понять причину ошибки, попробуйте ввести её текст в поисковую систему. Если вы не нашли решения своей проблемы, попробуйте задать вопрос на Stack Overflow .
Если вы не можете исправить ошибку, попробуйте заключить её в блок try...catch чтобы явно указать в коде, что вы знаете о проблеме. Вы также можете использовать блок catch для более корректной обработки ошибки.