Отладка мобильной версии сайта | Мобильной вёрстки | Дебаг сайта на телефоне

Всем привет!
Иногда возникает необходимость адаптировать веб-сайт под мобильные устройства. В этом видео я демонстрирую три приёма, которые использую при разработке!
✔️ Использование инструментов разработчика Chrome (Chrome Dev Tools) - это самый простой и любимый способ;
✔️ Хостим приложение в локальную сеть на компьютере и открываем его с мобильного устройства. Этот метод не очень удобен для поиска ошибок, но отлично подходит для демонстрации и проверки исправлений;
✔️ Подключение по проводу! Использую этот метод редко, когда другие способы не смогли выявить ошибку.
Также в ролике использую команду: ifconfig | grep "inet " | grep -v 127.0.0.1 | cut -d\ -f2 - для получения IP-адреса, за исключением, начинающегося с 127.0.0.1.
Ссылка на текстовое руководство: nanivskaya-katerina.notion.si...
Мой телеграм-канал: t.me/katerina_profrontend
00:00:00 - Вступление
00:00:10 - Приветствие
00:00:36 - Chrome Dev Tools
00:01:41 - Запускаем сервер для локальной сети
00:02:55 - Соединяем по проводу
00:04:14 - Какие были трудности
00:04:46 - Заключение
Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана.
Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций.

[@alenache1]

👍👍👍

[@karatsergio4472]

Лови лайк 👍

[@Mister__T]

Самое сложное во время верстки это responsive adaptive

[@banderlogUA]

Самое сложное это дебажить сафари если нет макбука) или дебажить safari_in_app браузеры)) с андроидом ещё веселее))