| BH TT F12 - Панель разработчика developer.mozilla.org // 2023 Timm: Console -> Preview Во вкладке "Network" следить чтобы показывались все (All) запросы, а не только например HTML Во вкладке "Network" --> Preserve Log --> xhr - gut ; prefflight - keine Interesse Copy Value , не просто Copy // Mahmut & Eliade response --> это как есть, в том формате в котором сервер отправляет preview --> это то что приходит в response preview --> это уже для тебя браузер сделал чтоб смотреть удобно Payload --> это то что ты с запросом отправляешь на сервер Dev Tools --> Att. Files prüfen: Networf -> MTC auf passende Request -> Preview // 2023 Andrey V -- Chrome -- F12 -- RMTC по кнопке обновления -- Enter -- ...(Hard Reload) -- Chrome -- F12 -- Открыть не Network, а 1. Storage и 2. Cookies и там всё поудалять // 1. Info // 2. Google Chrome // 3. Mozilla Firefox // 9. Lesen // 1. Info -- F12 в разных браузерах вызывет "Панель разработчика" -- Чаще всегда смотрят вкладки "Console" и "Network" // Вкладка "Console" -- Нужна чтобы смотреть: -- Логи JS // Чаще всего -- Логи сети -- Логи защиты -- Логи CSS // Вкладка "Network" -- Нужна чтобы смотреть запрос, его статусы: -- Заголовки -- Куки -- Параметры запроса -- Ответ сервера !! Иконка "Перечёркнутый кружок" -- Очистить перед выполнением нового запроса // Инструменты для оценки клиентской производительности (Загрузки вебстраниц) F12 --> Audits --> Проверка №1: Оставить галочки только у "Performance" и "Best practices" Совети проги: Reduce render-blocking scripts // Уменьшить кол-во скриптов или перенести их вниз кода страницы Offscreen images // Загружать попозже те картинки что внизу страницы и видны только после скроллирования страницы вниз // 2. Google Chrome // Вкладка Network в Chrome DevTools youtube.com Select Toggle 1. Вкладка Network 2. Вкладка Elements Select -- Выделить элемент страницы для получения справки и исследования Щёлкнуть по кнопке Select и потом навести курсор на какой нибудь элемент страницы 2. Вкладка Elements -- Показывает HTML и CSS коды открытой в браузере странички --------------------------------------------------------------------------------------- // 3. Mozilla Firefox // 3. Firebug + Консоль разработчика Firebug : addons.mozilla.org firebug.ru Консоль разработчика : learn.javascript.ru // 9. Lesen Что тестировщику надо знать про панель разработчика okiseleva.blogspot.com/2016/07 Обзор интерфейса (Firefox) developer.mozilla.org |