Евгения Р. Если вы столкнулись с проблемами при загрузке сайта или в процессе его работы:
- Удалите временные файлы браузера. Инструкция.
- Удалите файлы куки в браузере. Инструкция.
Если проблема не решилась, пожалуйста, соберите техническую информацию из вашего браузера во время воспроизведения ошибки. Это поможет нами быстрее найти причину проблемы.
Вам понадобятся:
- Скриншот вкладки Console — там отображаются ошибки JavaScript и другие сообщения.
- Скриншот вкладки Network и
HAR-файл — запись всех сетевых запросов страницы. - Скриншот вкладки Elements — код страницы с выделенным проблемным местом.
Инструкции для разных браузеров приведены ниже. Действия выполняйте при воспроизведении ошибки.
Общие рекомендации
- Скриншоты должны быть полными: включайте в кадр адресную строку, панель инструментов разработчика и сообщение об ошибке.
- Делайте скриншот, захватывая время возникновения ошибки, которое отображается в системе (правый нижний угол экрана).
HAR-файл содержит все данные о загрузке страницы. Не закрывайте вкладку Network до сохранения.- Если ошибка возникает сразу при открытии страницы, сначала откройте инструменты разработчика, затем перезагрузите страницу (F5) и сразу переходите к нужным вкладкам.
Общий порядок действий
1. Воспроизведите ошибку на странице (например, нажмите кнопку, вызвавшую сбой, или перезагрузите страницу).
2. Откройте инструменты разработчика (см. раздел для вашего браузера).
3. Сделайте скриншоты и сохраните файлы, следуя описанию для каждого раздела.
4. Отправьте полученные материалы нам.
Google Chrome, Microsoft Edge, Яндекс. Браузер и Opera
Эта инструкция подходит для всех браузеров на базе Chromium (Chrome, Edge, Яндекс. Браузер, Opera).
Откройте инструменты разработчика: Нажмите F12 или Ctrl+Shift+I (Windows/Linux) / Cmd+Option+I (Mac).
Другие способы открыть инструменты разработчика:
- Chrome: Меню → Дополнительные инструменты → Инструменты разработчика.
- Edge: Меню → Другие инструменты → Средства разработчика.
- Яндекс. Браузер: Меню → Дополнительно → Инструменты разработчика.
- Opera: Меню Opera → Разработка → Инструменты разработчика.
Консоль (Console) Chrome
1. В окне Инструменты разработчика (F12) перейдите во вкладку Console.
2. Сделайте скриншот всего окна браузера так, чтобы были видны сообщения об ошибках (обычно это красные строки) и время их возникновения.
Сеть (Network), создание HAR-файла. Chrome
1. В окне Инструменты разработчика (F12) перейдите во вкладку Сеть (Network).
2. Проверьте запись сетевого журнала. Убедитесь, что запись активна: в левом верхнем углу круглая кнопка записи должна быть красного цвета. Если кнопка серая или чёрная, нажмите на неё, чтобы включить запись.
3. Нажмите на значок перечёркнутого круга «Очистить» (Clear network log), затем поставьте отметку Preserve Log.
4. Воспроизведите проблему. Обновите страницу (F5 или Ctrl+R) или выполните те действия, которые приводят к ошибке. Дождитесь, пока ошибка проявится полностью (например, загрузится страница с сообщением об ошибке или перестанут отображаться нужные элементы).
5. Сохраните
- Chrome и Edge. На верхней панели нажмите кнопку Экспорт HAR (Export HAR).
- Яндекс. Браузер. Нажмите Экспорт HAR (очищено)… (Export HAR (sanitized)…).
- Opera. Правой кнопкой мыши нажмите на таблицу и выберите Сохранить все как HAR с контентом (Save all as HAR with content).
6. Сделайте скриншот всего окна браузера.
Элементы (Elements). Chrome
1. В окне Инструменты разработчика (F12) перейдите во вкладку Elements.
2. Сделайте скриншот экрана, чтобы был виден HTML-код страницы и выделенный элемент, связанный с ошибкой (обычно ошибка подсвечена).
Mozilla Firefox
Откройте инструменты разработчика.
Нажмите F12 или Ctrl+Shift+I (Windows/Linux) / Cmd+Option+I (Mac). Или через меню: «Открыть меню»→
Консоль (Console). Mozilla Firefox
1. В окне Инструменты разработчика (F12) перейдите во вкладку Консоль.
2. Сделайте скриншот всего окна браузера так, чтобы были видны сообщения об ошибках (обычно это красные строки) и время их возникновения.
Сеть (Network). Cоздание HAR-файла. Mozilla Firefox
1. В окне Инструменты разработчика (F12) перейдите во вкладку Сеть (Network).
2. Воспроизведите проблему. Обновите страницу (F5 или Ctrl+R) или выполните те действия, которые приводят к ошибке. Важно дождаться момента, когда проблема проявится полностью (например, загрузится страница с ошибкой или перестанут отображаться нужные элементы).
3. Кликните правой кнопкой мыши в любом месте таблицы сетевых запросов (в области списка загруженных файлов) и выберите пункт «Сохранить всё как HAR» (Save all as HAR).
4. Сохраните файл на компьютер.
5. Сделайте скриншот всего окна браузера.
Инспектор (Inspector). Mozilla Firefox
1. В окне Инструменты разработчика (F12) перейдите во вкладку Инспектор (Inspector) — аналог Elements.
2. Сделайте скриншот с кодом страницы.
Safari
Включите меню «Разработка».
1. Откройте Safari → Настройки (Preferences) → вкладка Дополнения(Advanced).
2. Отметьте галочку «Показывать меню „Разработка“ в строке меню» (Show features for web developers).
Откройте инструменты разработчика.
В меню «Разработка» (Develop) выберите «Показать
Консоль (Console). Safari
1. В окне Инспектор перейдите во вкладку Console.
2. Сделайте скриншот всего окна браузера.
Сеть (Network). Cоздание HAR-файла. Safari
1. В окне Инспектор перейдите во вкладку «Сеть» (Network).
2. Включите опцию «Сохранить журнал» (Preserve Log), нажав на круглую иконку в левом верхнем углу вкладки.
3. Чтобы в
4. Обновите страницу (Cmd+R) или повторите действия, которые приводят к ошибке.
5. В правом верхнем углу вкладки нажмите кнопку Экспортировать (Export).
6. Сохраните файл на компьютер.
7. Сделайте скриншот всего окна браузера.
Элементы (Elements). Safari
1. В окне Инспектор перейдите во вкладку «Элементы» (Elements).
2. Сделайте скриншот всего окна браузера.
Спасибо за оценку! 