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

Всем привет!
Иногда возникает необходимость адаптировать веб-сайт под мобильные устройства. В этом видео я демонстрирую три приёма, которые использую при разработке!
✔️ Использование инструментов разработчика 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 - Заключение
Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана.
Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций.

Пікірлер: 4

  • @alenache1
    @alenache13 ай бұрын

    👍👍👍

  • @karatsergio4472
    @karatsergio44723 ай бұрын

    Лови лайк 👍

  • @Mister__T
    @Mister__T3 ай бұрын

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

  • @banderlogUA

    @banderlogUA

    3 ай бұрын

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

Келесі