Настройка постоянной консоли JavaScript в Google Chrome

Пройдите тест, узнайте какой профессии подходите

Я предпочитаю
0%
Работать самостоятельно и не зависеть от других
Работать в команде и рассчитывать на помощь коллег
Организовывать и контролировать процесс работы

Быстрый ответ

Для того чтобы консоль JavaScript в Chrome продолжала сохранять данные даже после перезагрузки страницы, необходимо кликнуть по ней правой кнопкой мыши и выбрать в контекстном меню «Сохранять журнал». Удостоверьтесь, что данная опция включена. Она позволит отслеживать взаимодействие пользователя со страницей, выполнять контроль Ajax- и HTTP-запросов, а также анализировать поведение динамических элементов сайта в процессе перезагрузки страниц.

Кинга Идем в IT: пошаговый план для смены профессии

Расширенные возможности сохранения записей в консоли

Следите за обновлениями Chrome

Начиная с версии 15.0.874.58 beta-m, Chrome поддерживает возможность постоянного сохранения журнала консоли. Регулярные обновления браузера позволяют вам использовать новейшие возможности инструментов разработки, а также повышают безопасность и производительность браузера.

Подробнее об этом расскажет наш спикер на видео
skypro youtube speaker

Расширяйте свои возможности

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

Логируйте на сервере

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

Визуализация

Простые шаги:

Markdown
Скопировать код
1. Откройте инструменты разработчика (DevTools).      ->  📘
2. Установите галочку «Сохранять журнал».              ->  📌
3. Закройте и заново откройте консоль.                ->  🔄
4. Записи остались в журнале.                         ->  🧾

Вкратце:

Markdown
Скопировать код
📘 -> 📌 -> 🔄 = 🧾 
# Журнал сохранён, как закладка в книге.

Не забудьте:

Markdown
Скопировать код
- [x] Активировать "Сохранять журнал".
- [ ] Не потерять свои данные.

Следим за ходом разработки: с момента загрузки до ухода с сайта

Как включить сохранение журнала

Опцию «Сохранять журнал» можно найти в настройках инструментов разработчика Chrome. Для этого достаточно кликнуть на иконку в форме трех точек в правом верхнем углу окна, перейти в раздел «Настройки» и установить галочку в соответствующем пункте меню «Предпочтения».

Логирование динамических взаимодействий

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

Отслеживание навигации по сайту

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

Полезные материалы

  1. Обзор консоли | Инструменты разработчика | Chrome для разработчиков — исчерпывающее руководство по возможностям консоли инструментов разработчика Chrome.
  2. API консоли – Веб-API | MDN — подробное руководство от Mozilla по Console API и его функциям.
  3. Что нового в инструментах разработчика (Chrome 89) | Блог | Chrome для разработчиков — последние новости о новых функциях инструментов разработчика Chrome.
  4. Инструменты разработчика | Chrome для разработчиков — основные материалы по инструментам разработчика Chrome, включая руководства и справочники.
  5. О сервис-воркерах расширений | Расширения | Chrome для разработчиков — объяснение принципов работы сервис-воркеров в контексте API расширений Chrome.
Проверь как ты усвоил материалы статьи
Пройди тест и узнай насколько ты лучше других читателей
Как активировать сохранение журнала в консоли JavaScript в Chrome?
1 / 5