- Открыть Chrome DevTools
- Зайти в панель Elements.
- Найти инспектором кнопку Submit и выровнять слово Submit по центру: Web form
- Включить режим мобильного девайса (Device Mode)
- Выставить Dimensions: Responsive
- Выбрать Responsive - Mobile
- Продемонстрировать работу дизайна Responsive
- Выставить Dimensions: Adaptive (select device).
- Создать свой девайс.
- Выставить Throttling low-end mobile
- Обновить страницу
- Перевести в ландшафтные режим.
- Выключить Device Mode
- Открыть панель Console.
- Найти 2 сообщения Error в логах
- Сохранить эти 2 сообщения лога как файл на компьютер.
- Найти 1 сообщение verbose
- Пролистать логи Warnings, Info, User Messages.
- Открыть вкладку Sources.
- Открыть файл Index
- Открыть вкладку Network
- В урле отправить: ссылка
- Найти лог request/responce
- Открыть вкладку Headers
- Просмотреть General, Response Headers, Request Headers
- Найти и скопировать в новый текстовый файл header - User-Agent.
- Открыть вкладку Preview
- Развернуть все уровни вложенности JSON.
- Открыть вкладку Application.
- Развернуть все Storage в левом столбце.
- Зайти в Cache Storage и Application Cache
- Там везде будет пусто.
- Открыть любой сайт который хотите. (Введите урл сайта в адресную строку и нажмите Enter)
- Откройте вкладку LightHouse
- Нажмите Generate report
- Установить в браузер бесплатный AdBlocker
- Установить в браузер Json Viewer
- Зайти на сайт: Ksendzov
- Сделать и сохранить скриншот видимой части страницы сайта.
- Сделать и сохранить скриншот всего сайта.
- Изменить локацию GPS. Продемонстрировать на сайте Гугл карт.
- Изменить локацию GPS второй раз. Продемонстрировать на сайте Гугл карт.
- Найти интерфейс для изменения User-Agent.
- Подставить другой User-Agent.
- Отправить запрос на ссылка
- Проверить изменился ли ваш нативный User-Agent на новый, подставленный.
- Создать свой юзер агент.
- Повторить пункты 45, 46.
- Найти интерфейс для изменения/добавления параметров Throttling.
- Создать свои параметры плохого соединения и проверить как будет загружаться страница.
- Найти интерфейс для изменения/добавления параметров Locations.
- Проверить на Google Maps как применяются изменения локации.
