Как просмотреть и сохранить журнал консоли браузера

Когда на веб-сайте отображается ошибка, кнопка не реагирует или страница ведет себя непредсказуемо, консоль браузера может показать ошибки JavaScript, предупреждения и некоторые сообщения, связанные с сетью. В Chrome и других браузерах на основе Chromium вы можете просмотреть эти сообщения в инструментах разработчика и сохранить их в виде текстового .logфайла для отправки в службу поддержки. Консоль не содержит полной информации обо всех запросах и ответах; используйте панель «Сеть», если вам необходимы подробные заголовки запросов, тела ответов или информация о времени выполнения.

1. Откройте консоль браузера.

  1. Откройте страницу, где возникает проблема.
  2. Откройте инструменты разработчика. В Chrome на Windows или Linux нажмите F12или Ctrl++ . На macOS нажмите ++ . Вы также можете открыть меню браузера и выбрать «Дополнительные инструменты»Shift > « Инструменты разработчика» .ICommandOptionI
  3. Выберите вкладку «Консоль» . Если DevTools открывается в боковой или нижней панели, вы можете оставить его там или использовать меню DevTools, чтобы изменить его положение.
Пример веб-сайта, открытого рядом с инструментами разработчика Chrome, с выбранной вкладкой «Консоль».
Откройте инструменты разработчика на странице, которую хотите проверить, затем выберите «Консоль».

В Microsoft Edge используется аналогичный рабочий процесс. Откройте инструменты разработчика с помощью клавиши ++ F12или ++ в Windows, затем выберите «Консоль». Сочетания клавиш могут различаться в зависимости от браузера, операционной системы и настроек клавиатуры; меню браузера — надежная альтернатива.CtrlShiftI

2. Воспроизведите проблему, сохранив при этом корректные сообщения.

При открытом окне консоли повторите действие, вызвавшее проблему: отправьте форму, нажмите на соответствующую кнопку, войдите в систему или перезагрузите страницу. Обратите внимание на красные сообщения об ошибках и желтые предупреждения. Разверните запись, если вам нужен трассировочный стек или дополнительные сведения. Используйте фильтр консоли или элементы управления на уровне сообщений, чтобы сузить отображение, но удалите фильтры перед сохранением, если вам нужен полный видимый журнал.

Консоль браузера отображает информационный вывод, предупреждение и сообщение о неудачном запросе ресурса.
В консоли могут отображаться ошибки JavaScript, предупреждения и сообщения о некоторых сбоях загрузки ресурсов.

Сохраняйте журналы при переходе между страницами: обычная навигация по страницам может очистить консоль. В Chrome откройте настройки консоли и включите параметр «Сохранять журналы» перед воспроизведением проблемы. В Edge есть аналогичная настройка «Сохранять журналы». Это особенно полезно, когда клик перенаправляет на другую страницу или сбой происходит во время перезагрузки страницы.

Меню настроек консоли с включенной функцией сохранения журнала.
Включите функцию сохранения журнала перед воспроизведением проблем, вызывающих проблемы с навигацией или перезагрузкой страниц.

Если вам необходимо просматривать XMLHttpRequestи получать данные об активности в консоли, в инструментах разработчика Chrome есть параметр «Логировать XMLHttpRequests» . Он добавляет эти запросы по мере их возникновения, но не заменяет панель «Сеть», которая обеспечивает более полную проверку на уровне запросов.

3. Сохраните вывод консоли в файл.

  1. После воспроизведения проблемы щелкните правой кнопкой мыши по пустому месту или сообщению в консоли.
  2. Выберите «Сохранить как…» (формулировка может немного отличаться в зависимости от версии браузера).
  3. Выберите папку и имя файла, затем сохраните журнал.
  4. Откройте полученный .logфайл в текстовом редакторе, например, в Блокноте, или прикрепите его к своему запросу в службу поддержки, если это требуется.
Контекстное меню консоли с выделенной командой «Сохранить как»
Используйте кнопку «Сохранить как», чтобы экспортировать текущие сообщения консоли в виде текстового файла журнала.

В Chrome контекстное меню «Консоль» также включает пункты «Копировать» или «Копировать консоль» ( в поддерживаемых версиях), что может быть полезно для краткого вывода. Сохранение обычно предпочтительнее для более длинного текста. Экспортированный файл содержит сообщения, доступные в данный момент в консоли, а не полный архив всего трафика браузера или обязательно историю введенных вами команд.

4. Когда проблема связана с сетевыми запросами.

Вывод в консоль полезен для обнаружения исключений JavaScript и некоторых сбоев загрузки, но он может не объяснить причину сбоя вызова API. Откройте вкладку «Сеть» в инструментах разработчика, воспроизведите проблему и выберите соответствующий запрос, чтобы проверить его код состояния, заголовки запроса и ответа, полезную нагрузку и время выполнения. Если служба поддержки запросит запись сетевого трафика, используйте опцию экспорта на панели «Сеть», чтобы сохранить файл HAR, и следуйте инструкциям команды относительно того, следует ли включать конфиденциальные данные. Файлы HAR могут содержать файлы cookie, заголовки авторизации, URL-адреса или данные отправленных форм, поэтому проверьте и очистите файл перед тем, как делиться им.

Советы по устранению неполадок

  • Консоль пуста: воспроизведите проблему после открытия инструментов разработчика, убедитесь, что уровни сообщений не отфильтрованы, и перезагрузите страницу при необходимости.
  • Сообщения исчезают после нажатия на ссылку: сначала включите функцию «Сохранить журнал», а затем повторите шаги.
  • Вы видите ошибку 404 или другую сетевую ошибку: проверьте соответствующий запрос в разделе «Сеть»; сообщение в консоли может не отображать полный ответ.
  • Проблема возникает только в одном браузере: соберите отдельный лог для каждого браузера и запишите версию браузера, операционную систему, URL страницы и точные шаги для воспроизведения.
  • Сохраненный файл, похоже, неполный: убедитесь, что данные из консоли не были отфильтрованы и что проблема воспроизвелась после включения логирования. Если вам необходима диагностика подключения на более низком уровне, уточните у службы поддержки, какой формат захвата данных им требуется, вместо того чтобы предполагать, что журнал консоли содержит все сетевые данные.

Официальная документация

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

Как отсортировать таблицы по алфавиту в Google Sheets: 4 простых способа.

Как отсортировать таблицы по алфавиту в Google Sheets: 4 простых способа.

Узнайте четыре способа упорядочивания по алфавиту в Google Sheets: от использования формул сортировки в реальном времени до сортировки всего листа или применения расширенных правил к выбранному диапазону.

Как переносить текст в Google Таблицах: 2 простых способа

Как переносить текст в Google Таблицах: 2 простых способа

Сохраняйте читаемость длинных записей, не расширяя каждый столбец. Узнайте, как переносить текст в Google Sheets из меню «Формат» или панели инструментов, а также когда использовать функции «Обрезка» или «Переполнение».

Как удалить аккаунт Gmail, не удаляя при этом свой аккаунт Google.

Как удалить аккаунт Gmail, не удаляя при этом свой аккаунт Google.

Узнайте, как удалить Gmail из своей учетной записи Google, подтвердить дополнительный адрес электронной почты, создать резервную копию сообщений и понять, что произойдет с вашим почтовым ящиком после этого.

Как сделать отступы в абзацах Google Docs: пошаговое руководство

Как сделать отступы в абзацах Google Docs: пошаговое руководство

Узнайте, как добавлять отступы первой строки, левый отступ и висячий отступ в Google Docs с помощью линейки или параметров отступов, а также получите пошаговые инструкции по созданию цитат и устранению неполадок.

Как отключить блокировщик всплывающих окон в Microsoft Edge

Как отключить блокировщик всплывающих окон в Microsoft Edge

Узнайте, как отключить блокировщик всплывающих окон Edge для всех веб-сайтов или разрешить всплывающие окна только для одного доверенного сайта, а также что проверить, если всплывающие окна по-прежнему не появляются.

Как восстановить в Chrome функцию «Всегда открывать ссылки этого типа»

Как восстановить в Chrome функцию «Всегда открывать ссылки этого типа»

Восстановите отсутствующий флажок «Внешние приложения» в Chrome на Windows, включив официальную политику в реестре, затем перезапустите Chrome и проверьте доверенную ссылку.

Как просмотреть и сохранить журнал консоли браузера

Как просмотреть и сохранить журнал консоли браузера

Узнайте, как открыть инструменты разработчика Chrome или Edge, сохранять сообщения консоли при перезагрузке страниц, сохранять файл .log и получать информацию о сети для устранения неполадок.

Как получить доступ к закладкам Chrome, не открывая Chrome.

Как получить доступ к закладкам Chrome, не открывая Chrome.

Восстанавливайте закладки Chrome, даже если браузер недоступен. Используйте Google Takeout для экспорта сохраненных закладок в HTML-файл, который можно открыть или импортировать в другое место.

Как редактировать боковую панель в веб-версии Gmail

Как редактировать боковую панель в веб-версии Gmail

Узнайте, как отображать, скрывать и упорядочивать метки Gmail, использовать разделитель «Ещё» и сворачивать боковую панель, не удаляя сообщения или метки.

Как обмениваться текстом из буфера обмена между браузерами Chrome

Как обмениваться текстом из буфера обмена между браузерами Chrome

Chrome не синхронизирует произвольный текст из буфера обмена между устройствами. Используйте заметку Google Keep, чтобы переместить фрагмент текста между браузерами Chrome, или отправьте страницу с помощью встроенных инструментов обмена Chrome.