...
3) В консоли нас интересует две основных вкладки:
- 3.1 Консоль(Console).
- 3.2 Network(Сеть):
4) В случае если ошибки есть в вкладке 3.1 Консоль то необходимо сделать скриншот и передать его в IQChannels для анализа Отдел сопровождения и внедрения IQStore: support@iqstore.ru, либо в общий чат с IQStore, при наличии.
5) Если возникают зависания, торможения, не прогружаются долгое время элементы/события, то лучше сразу перейти во вкладку 3.2 Сеть.
6) На вкладке Сеть происходит запись HTTP-запросов. Запись начинается с момента её открытия (вкладки Сеть в devtools), либо с начала обновления страницы в браузере. Чтобы проверить конкретный элемент - например что происходит после нажатия конкретного элемента/раздела, то можно также вручную очистить запросы. Для этого переключаемся на любой другой элемент (раздел при необходимости) и после нажимаем кнопку Clear Networking Log:
7) После нажимаем нужный раздел/элемент в интерфейсе IQChannels, у нас записывается не загруженный список запросов. В данном списке образаем внимание на запросы, которые имеют большой объем (колонка Size) и при этом выполняются очень длительное время (Time). А также запросы, которые были выполнены с ошибками будут выделены красным цветом в списке.
8) Весь собранный список запросов можно выгрузить в отдельный .har архив, для этого нужно нажать кнопку Export Har
9) Сохраняем файл в формате Имя.har, данный файл можно передать вОтдел сопровождения и внедрения IQStore: support@iqstore.ru, либо в общий чат с IQStore, при наличии.