Отладка мобильной версии сайта | Мобильной вёрстки | Дебаг сайта на телефоне
Всем привет! Иногда возникает необходимость адаптировать веб-сайт под мобильные устройства. В этом видео я демонстрирую три приёма, которые использую при разработке! ✔️ Использование инструментов разработчика Chrome (Chrome Dev Tools) - это самый простой и любимый способ; ✔️ Хостим приложение в локальную сеть на компьютере и открываем его с мобильного устройства. Этот метод не очень удобен для поиска ошибок, но отлично подходит для демонстрации и проверки исправлений; ✔️ Подключение по проводу! Использую этот метод редко, когда другие способы не смогли выявить ошибку. Также в ролике использую команду: ifconfig | grep "inet " | grep -v 127.0.0.1 | cut -d\ -f2 - для получения IP-адреса, за исключением, начинающегося с 127.0.0.1. Ссылка на текстовое руководство: https://nanivskaya-katerina.notion.site/70569a68ac184c539d07ce6ff8829bc5?pvs=4 Мой телеграм-канал: https://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 - Заключение Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана. Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций.
Всем привет! Иногда возникает необходимость адаптировать веб-сайт под мобильные устройства. В этом видео я демонстрирую три приёма, которые использую при разработке! ✔️ Использование инструментов разработчика Chrome (Chrome Dev Tools) - это самый простой и любимый способ; ✔️ Хостим приложение в локальную сеть на компьютере и открываем его с мобильного устройства. Этот метод не очень удобен для поиска ошибок, но отлично подходит для демонстрации и проверки исправлений; ✔️ Подключение по проводу! Использую этот метод редко, когда другие способы не смогли выявить ошибку. Также в ролике использую команду: ifconfig | grep "inet " | grep -v 127.0.0.1 | cut -d\ -f2 - для получения IP-адреса, за исключением, начинающегося с 127.0.0.1. Ссылка на текстовое руководство: https://nanivskaya-katerina.notion.site/70569a68ac184c539d07ce6ff8829bc5?pvs=4 Мой телеграм-канал: https://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 - Заключение Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана. Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций.