До 30 ноября

Скидки до 81 000 руб и вторая профессия в подарок!

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

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

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

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

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

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

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

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

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

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

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

Аватар пользователя Виталий Бородулин
Виталий Бородулин 12 октября 2021
0
Рекомендуемые программы
профессия
Осваивайте разработку веб-страниц, оживляйте дизайн макетов, публикуйте сайты и приложения. Отслеживайте ошибки в интерфейсе и устраняйте их
10 месяцев
с нуля
Старт 28 ноября
профессия
Обучитесь разработке бэкенда сайтов и веб-приложений — серверной части, которая отвечает за логику и базы данных
10 месяцев
с нуля
Старт 28 ноября
профессия
Выполняйте ручное тестирование веб-приложений, находите ошибки в продукте. Узнайте все о тест-дизайне.
4 месяца
с нуля
Старт 28 ноября
профессия
Научитесь разработке веб-приложений, сайтов и программного обеспечения на языке Java, программируйте и используйте структуры данных
10 месяцев
с нуля
Старт 28 ноября
профессия
новый
Собирайте, анализируйте и интерпретируйте данные, улучшайте бизнес-процессы и продукт компании. Обучитесь работе с библиотеками Python
9 месяцев
с нуля
Старт 28 ноября
профессия
Занимайтесь созданием сайтов, веб-приложений, сервисов и их интеграцией с внутренними бизнес-системами на бекенд-языке PHP
10 месяцев
с нуля
Старт 28 ноября
профессия
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 28 ноября
профессия
Обучитесь разработке визуальной части сайта — фронтенда, а также реализации серверной — бэкенда. Освойте HTML, CSS, JavaScript
16 месяцев
с нуля
Старт 28 ноября
профессия
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 28 ноября
профессия
новый
Организовывайте процесс автоматизации тестирования на проекте, обучитесь языку программирования JavaScript, начните управлять процессом тестирования
8 месяцев
c опытом
Старт 28 ноября