# Как собрать консольные и HAR-логи браузеров

**HAR (HTTP Archive)** — это журнал сетевых запросов страницы. Он помогает точно понять, какие запросы ушли, что вернулось, на каком этапе и по какой причине произошёл сбой. Файл требуется команде поддержки, когда проблема воспроизводится в браузере (виджет, РМО, загрузки файлов, WebSocket, авторизация, редиректы и прочее).

## Как сменить язык интерфейса браузера на русский

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

### Яндекс Браузер

В Windows:

  1. Нажмите **☰** → **Настройки**.

  1. В левом меню выберите раздел **Системные** и нажмите **Настройки языка и региона**.

  1. В поле **Язык интерфейса** выберите русский язык.

  1. Перезапустите браузер, если потребуется.

В macOS Яндекс Браузер использует язык системы. Чтобы сменить его, откройте **Системные настройки** → **Основные** → **Язык и регион** и переместите русский язык в начало списка **Предпочитаемые языки**.

### Google Chrome

В Windows:

  1. Нажмите **⋮** → **Настройки**.

  1. В левом меню выберите пункт **Языки**.

  1. В разделе **Предпочитаемые языки** найдите русский язык. Если его нет в списке, нажмите **Добавить языки**, выберите *русский* и нажмите **Добавить**.

  1. Нажмите значок **⋮** рядом с русским языком и выберите **Отображать Google Chrome на этом языке**.

  1. Перезапустите браузер.

В macOS Google Chrome использует язык системы. Чтобы сменить его, откройте **Системные настройки** → **Основные** → **Язык и регион** и переместите русский язык в начало списка **Предпочитаемые языки**.

### Microsoft Edge (Chromium)

  1. Откройте настройки браузера.
  
  1. Перейдите в раздел **Язык** / **Languages**.
  
  1. Добавьте язык **Русский** и выберите его в качестве языка интерфейса.
  
  1. Перезапустите браузер при необходимости.

### Mozilla Firefox

  1. Откройте настройки Firefox.
  
  1. В разделе настроек языка выберите **Русский** или добавьте его в список доступных языков интерфейса.
  
  1. Сохраните изменения и перезапустите браузер.

### Safari

  1. Откройте настройки системы macOS.
  
  1. Перейдите в раздел **Language & Region**.
  
  1. Добавьте язык **Русский** и переместите его в начало списка предпочтительных языков.
  
  1. Перезайдите в систему или перезапустите Safari.

### Internet Explorer

Язык интерфейса Internet Explorer определяется языком Windows. Чтобы использовать русский интерфейс браузера, измените язык интерфейса Windows в системных настройках, примените изменения и войдите в систему снова.

## Как собрать HAR-логи в Google Chrome и Яндекс Браузере

  1. Нажмите **F12** (в macOS — **⌥ + ⌘ + I**), чтобы открыть окно инструментов разработчика.

  1. Выберите вкладку **Сеть**.

  1. Нажмите ![Иконка очистки сетевого журнала в Chrome](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/icons/chrome_cancel.webp), чтобы очистить сетевой журнал.
  
    ![Chrome: вкладка «Сеть» в инструментах разработчика](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/chrome_devtools_network.webp "chrome_devtools_network")

  1. Установите флажки **Сохранять журнал** (в новых версиях Google Chrome — **Сохранить журнал**) и **Отключить кеш**. 
  
    ![Chrome: флажки «Сохранять журнал» и «Отключить кеш»](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/chrome_devtools_flags.webp "chrome_devtools_flags")

  1. Нажмите ![Иконка настроек в Chrome](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/icons/chrome_settings.webp), чтобы перейти к настройкам панели разработчика. 
  
    ![Chrome: настройки панели разработчика](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/chrome_devtools_settings.webp "chrome_devtools_settings")

  1. Установите флажок **Разрешить создание HAR** (с конфиденциальными данными) и закройте окно настроек. 
  
    ![Chrome: разрешение сохранения HAR с конфиденциальными данными](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/chrome_devtools_settings_flag.webp "chrome_devtools_settings_flag")

  1. Воспроизведите проблему.

  1. Нажмите ![Иконка загрузки в Chrome](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/icons/chrome_download.webp) левой кнопкой мыши.

    ![Chrome: кнопка экспорта записи сети](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/chrome_devtools_download.webp "chrome_devtools_download")

  1. Выберите **Экспортировать HAR** (с конфиденциальными данными). 
  
    ![Chrome: пункт «Экспортировать HAR»](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/chrome_devtools_download_export.webp "chrome_devtools_download_export")
    Если меню не появляется, перезапустите браузер, затем повторно воспроизведите проблему и снова попробуйте открыть меню экспорта.

  1. Выберите папку для сохранения логов и нажмите **Сохранить**.

## Как собрать консольные логи в Google Chrome и Яндекс Браузере

  1. Нажмите **F12** (в macOS — **⌥ + ⌘ + I**), чтобы открыть окно инструментов разработчика.

  1. Выберите вкладку **Консоль**.

  1. Нажмите правой кнопкой мыши в любой области окна и выберите **Сохранить как…**. 
  
    ![Chrome: контекстное меню сохранения журнала консоли](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/chrome_console_logs.webp "chrome_console_logs")

  1. Выберите папку для сохранения логов и нажмите **Сохранить**.

## Как собрать HAR-логи в Edge Chromium

  1. Нажмите **F12** на клавиатуре, чтобы открыть окно инструментов разработчика.

  1. Нажмите **Открыть средства разработчика**.
  
    ![Edge: запрос на открытие средств разработчика](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/edge_devtools_permission.webp "edge_devtools_permission")

  1. Выберите вкладку **Сеть**.

  1. Нажмите ![Иконка очистки сетевого журнала в Edge](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/icons/edge_cancel.webp), чтобы очистить сетевой журнал.
  
    ![Edge: вкладка «Сеть»](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/edge_devtools_network.webp "edge_devtools_network")

  1. Установите флажки **Сохранить журнал** и **Отключить кэш**. 
  
    ![Edge: флажки журнала сети и кеша](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/edge_devtools_network_flags.webp "edge_devtools_network_flags")

  1. Нажмите ![Иконка меню панели разработчика в Edge](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/icons/edge_dots.webp), чтобы открыть меню панели разработчика.
  
    ![Edge: меню панели разработчика (три точки)](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/edge_devtools_network_dots.webp "edge_devtools_network_dots")

  1. Нажмите **Параметры**, чтобы перейти к настройкам панели разработчика. 
  
    ![Edge: окно параметров панели разработчика](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/edge_devtools_network_settings.webp "edge_devtools_network_settings")

  1. Установите флажок **Allow to generate 'HAR' with sensitive data** и закройте окно настроек.
  
    ![Edge: разрешение создавать HAR с конфиденциальными данными](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/edge_devtools_network_settings_flag.webp "edge_devtools_network_settings_flag")

  1. Воспроизведите проблему.

  1. Зажмите ![Иконка загрузки в Edge](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/icons/edge_download.webp) левой кнопкой мыши.
  
    ![Edge: кнопка загрузки для экспорта HAR](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/edge_devtools_download.webp "edge_devtools_download")

  1. Выберите **Экспорт HAR** (с конфиденциальными данными).
  
    ![Edge: меню экспорта HAR](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/edge_devtools_download_export.webp "edge_devtools_download_export")
  Если при длительном нажатии на значок не открывается меню с выбором типа экспорта, перезапустите браузер, затем повторно воспроизведите проблему и снова зажмите значок левой кнопкой мыши.

  1. Выберите папку для сохранения логов и нажмите **Сохранить**.


## Как собрать консольные логи в Edge Chromium

  1. Нажмите **F12** на клавиатуре, чтобы открыть окно инструментов разработчика.

  1. Нажмите **Открыть средства разработчика**.
  
    ![Edge: запрос на открытие средств разработчика](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/edge_devtools_permission.webp "edge_devtools_permission")

  1. Выберите вкладку **Консоль**.

  1. Нажмите правой кнопкой мыши в любой области окна и выберите **Сохранить** как.
  
    ![Edge: сохранение журнала консоли](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/edge_console_logs.webp "edge_console_logs")

  1. Выберите папку для сохранения логов и нажмите **Сохранить**.

## Как собрать HAR-логи в Internet Explorer

  1. Нажмите **F12** на клавиатуре, чтобы открыть окно инструментов разработчика.

  1. Выберите вкладку **Сеть**.

  1. Нажмите ![Иконка запуска записи в Internet Explorer](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/icons/ie_start.webp), чтобы начать сеанс профилирования.
  
    ![Internet Explorer: вкладка «Сеть»](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/ie_devtools_network.webp "ie_devtools_network")

  1. Воспроизведите проблему.

  1. Нажмите ![Иконка остановки записи в Internet Explorer](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/icons/ie_stop.webp), чтобы остановить сеанс профилирования.

  1. Нажмите ![Иконка сохранения HAR-файла в Internet Explorer](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/icons/ie_save.webp), чтобы сохранить HAR-файл.
  
    ![Internet Explorer: сохранение HAR](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/ie_devtools_network_save_har.webp "ie_devtools_network_save_har")

  1. Выберите папку для сохранения логов и нажмите **Сохранить**.

## Как собрать консольные логи в Internet Explorer

  1. Нажмите **F12** на клавиатуре, чтобы открыть окно инструментов разработчика.

  1. Выберите вкладку **Консоль**.

  1. Нажмите правой кнопкой мыши в любой области окна и выберите **Копировать все**.
  
    ![Internet Explorer: контекстное меню консоли](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/ie_console_logs.webp "ie_console_logs")

  1. Создайте новый текстовый файл в формате `.txt` и откройте его.

  1. Вставьте скопированные данные и сохраните файл.

## Как собрать HAR-логи в Firefox

  1. Нажмите **F12** на клавиатуре, чтобы открыть окно инструментов разработчика.

  1. Выберите вкладку **Сеть**.

  1. Нажмите ![Иконка очистки сетевого журнала в Firefox](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/icons/firefox_garbage.webp), чтобы очистить сетевой журнал.
  
    ![Firefox: вкладка «Сеть»](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/firefox_devtools_network.webp "firefox_devtools_network")

  1. Воспроизведите проблему.

  1. Нажмите правой кнопкой мыши на любую запись и выберите **Сохранить все как HAR**.
  
    ![Firefox: сохранение всех запросов как HAR](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/firefox_devtools_save_har.webp "firefox_devtools_save_har")

  1. Выберите папку для сохранения логов и нажмите **Сохранить**.

## Как собрать консольные логи в Firefox

  1. Нажмите **F12** на клавиатуре, чтобы открыть окно инструментов разработчика.

  1. Выберите вкладку **Консоль**.

  1. Нажмите правой кнопкой мыши на любой строке и выберите **Сохранить все сообщения в файл**.
  
    ![Firefox: сохранение сообщений консоли в файл](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/firefox_console_logs.webp "firefox_console_logs")

  1. Выберите папку для сохранения логов и нажмите **Сохранить**.

## Как собрать HAR-логи в Safari

  1. Откройте **Safari** и нажмите **Настройки** в меню браузера.

  1. Выберите вкладку **Дополнения** и установите флажок **Показывать меню «Разработка» в строке меню**.
  
    ![Safari: включение меню «Разработка»](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/safari_dev_menu.webp "safari_dev_menu")

  1. Выберите **Разработка** → **Показать веб-инспектор в меню**.

  1. Выберите вкладку **Сеть**.

  1. Нажмите ![Иконка очистки сетевого журнала в Safari](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/icons/safari_garbage.webp), чтобы очистить сетевой журнал.
  
    ![Safari: вкладка «Сеть» веб-инспектора](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/safari_dev_network.webp "safari_dev_network")

  1. Нажмите ![Иконка сетевого журнала в Safari](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/icons/safari_wifi.webp) и выберите **Сохранить журнал**.
  
    ![Safari: сохранение сетевого журнала](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/safari_dev_save.webp "safari_dev_save")

  1. Воспроизведите проблему.

  1. Нажмите **Экспортировать**.
  
    ![Safari: экспорт HAR](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/safari_dev_save_exports.webp "safari_dev_save_exports")

  1. Выберите папку для сохранения логов и нажмите **Сохранить**.

## Как собрать консольные логи в Safari

  1. Откройте **Safari** и нажмите **Настройки** в меню браузера.

  1. Выберите вкладку **Дополнения** и установите флажок **Показывать меню «Разработка» в строке меню**.
  
    ![Safari: включение меню «Разработка»](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/safari_dev_menu.webp "safari_dev_menu")

  1. Выберите **Разработка** → **Показать веб-инспектор в меню**.

  1. Выберите вкладку **Консоль**.

  1. Воспроизведите проблему.

  1. Нажмите правой кнопкой мыши в любой области окна и выберите **Сохранить выбранные**.
  
    ![Safari: сохранение выбранных сообщений консоли](https://webim.ru/kb/img/troubleshooting/har-and-console-logs/safari_console_logs.webp "safari_console_logs")

  1. Выберите папку для сохранения логов и нажмите **Сохранить**.

---

Источник: https://webim.ru/kb/devops/troubleshooting/har-and-console-logs.html