Скидки до 28% + 2-ая профессия бесплатно и подарки на 50 000₽

Главная | Все статьи | Дневник студента

Тестирование мобильной вёрстки на реальном девайсе в отладчике Chrome

Время чтения статьи ~1 минута
Статья написана студентом Хекслета. Мнение автора может не совпадать с позицией редакции
Тестирование мобильной вёрстки на реальном девайсе в отладчике Chrome главное изображение

В этой заметке хочу поделиться с вами техникой как, используя устройство на android, тестировать сайт не выходя с отладчика Хрома.

Прежде всего нам нужно включить отладку по usb на самом устройстве. Тут тонкость получения зависит от самого устройства, но в общем случае надо в пункте о девайсе найти номер сборки андройда и тапать, пока не появится сообщение о том, что вы стали разработчиком (да-да, вот так легко стать андройд разработчиком :)). Заходим во вновь появившийся раздел меню для разработчиков и там включаем отладку по usb/ .

Читайте также: DevTools как открыть инструменты разработчика в браузере и почему они делают работу эффективнее

После этого подключаемся по usb-шнуру к компьютеру, разблокировав его, немного ждём и подтверждаем на телефоне, что доверяем отпечатку, нажав да и поставив единственную галочку.

подтверждаем действие, поставив галочку

После этого переходим к отладчику на компьютере по адресу chrome://inspect/#devices где и будет наш телефон. Ну а далее всё сводится к вашему умению пользоваться DevTools.

переходим к отладчику

Тут можем и адрес менять, те же стили редактировать и даже фокусы, типа alert('hello'), работают и выводятся на устройство.

Аватар пользователя Виталий Бородулин
Виталий Бородулин 12 октября 2021
0
Похожие статьи
Рекомендуемые программы
профессия
Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React
10 месяцев
с нуля
Старт 26 декабря
профессия
Программирование на Python, Разработка веб-приложений и сервисов используя Django, проектирование и реализация REST API
10 месяцев
с нуля
Старт 26 декабря
профессия
Тестирование веб-приложений, чек-листы и тест-кейсы, этапы тестирования, DevTools, Postman, SQL, Git, HTTP/HTTPS, API
4 месяца
с нуля
Старт 26 декабря
профессия
Программирование на Java, Разработка веб-приложений и микросервисов используя Spring Boot, проектирование REST API
10 месяцев
с нуля
Старт 26 декабря
профессия
новый
Google таблицы, SQL, Python, Superset, Tableau, Pandas, визуализация данных, Anaconda, Jupyter Notebook, A/B-тесты, ROI
9 месяцев
с нуля
Старт 26 декабря
профессия
Программирование на PHP, Разработка веб-приложений и сервисов используя Laravel, проектирование и реализация REST API
10 месяцев
с нуля
Старт 26 декабря
профессия
Программирование на Ruby, Разработка веб-приложений и сервисов используя Rails, проектирование и реализация REST API
5 месяцев
c опытом
Старт 26 декабря
профессия
Программирование на JavaScript в браузере и на сервере (Node.js), разработка бекендов на Fastify и фронтенда на React
16 месяцев
с нуля
Старт 26 декабря
профессия
Программирование на JavaScript, разработка веб-приложений, bff и сервисов используя Fastify, проектирование REST API
10 месяцев
с нуля
Старт 26 декабря
профессия
новый
Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL
8 месяцев
c опытом
Старт 26 декабря