Цветочная фантазия - Все о подготовке к празднику
Все о подготовке к празднику
Готовимся к Новому году,
корпоративу. Придумываем идеи и конкурсы сами.

Статьи

Верстаем на мобильном: отладка сайтов с помощью телефона

Опубликовано: 09.10.2017

видео Верстаем на мобильном: отладка сайтов с помощью телефона

node-webkit десктопное приложение на html/css/js

DevTools в современных браузерах позволяет переключиться в адаптивный режим и весьма неплохо справляется со своей задачей. Но иногда случается так, что где-то что-то на мобильном выглядит не так, как на десктопе. В таких случаях понять в чём дело, а не тыкать пальцем в небо, поможет инспектирование элементов прямо на мобильном.Рассмотрим варианты для Chrome и Firefox. Для начала, независимо от браузера, нужно подготовить устройства и установить драйвера.


Как тестировать андроид приложения на реальном устройстве. Захват видео c экрана в Android Studio

Скачиваем и устанавливаем ADB-драйвера для своего телефона. Драйвера можно взять либо с сайта Android , либо на форуме 4pda.ru . Включаем на телефоне режим отладки.  Для этого в настройках переходим в меню разработчика. Если его нет — переходим в раздел «О телефоне» и кликаем несколько раз по пункту «Номер сборки». У меня режим разработчика уже включён, поэтому отображается соответствующее сообщение. Затем в самом меню, наверху, активируем режим, находим пункт «Режим отладки» и активируем его тоже.


Поиск текста на странице (контроль)

Включаем режим разработчика Переходим в меню разработчика Включаем отладку по USB

На этом общие моменты завершены. Теперь посмотрим как подключать телефон и как инспектировать элементы сайта на мобильном.

Инструкция для Google Chrome

Для отладки в Chrome, на компьютере должен быть установлен браузер версии не ниже 32, а на версия Android должна быть минимум 4.

Открываем инструменты разработчика в браузере. Кликаем по трём точкам в правом верхнем углу. Выбираем «More tools», затем «Inspect devices…»

Ставим галочку «Discover USB devices».

Запускаем Chrome на телефоне и подключаем его к компьютеру. Появится запрос на подключение. Жмём «Ок».

Видим слева своё устройство и его статус. Кликаем по нему.

Отображается список открытых вкладок. Можно открыть новую, введя адрес в поле сверху. Нажав на три точки, можем перезагрузить вкладку, перейти на неё или закрыть её. Нажав «Inspect», как несложно догадаться, активируем инспектор.

Видим экран мобильного на компьютере. Все изменения стилей отображаются на экране компьютера и на самом смартфоне в режиме реального времени. Если изменить ориентацию телефона — изменится и на компьютере.

Инструкция для Mozilla Firefox

На Firefox подобное сработает только на версии новее 36.

Новости

Тур по историческим местам Запорожья

Времена казачества - это славный период в истории украинского народа. Все мы зачитывали до дыр произведения Гоголя и восхищались удалью и храбростью славных казаков. Запорожье по праву считается тем

Объемная аппликация из бумаги: новогодняя елка из ладошек ребенка. Приятное совместное творчество
Предлагаем прекрасный повод для совместного творчества: создание объемной аппликации. Сделайте вместе новогоднюю елку из бумажных ладошек вашего ребенка. Обещаем час незабываемого удовольствия! Для работы

Прокат и аренда света, прокат плазменной панели, корпоративный диджей
Для того чтобы мероприятие оставило приятные впечатления, его озвучкой и оформлением должны заниматься профессионалы. Мы предлагаем прокат и аренду света, прокат плазменных панелей, а так же занимаемся

Астрология и подарки: выбрать презент на Новый 2017 год поможет знак зодиака
Если вы буквально сбились с ног в поисках подходящего подарка, а покупать первую попавшуюся вещь не хочется, предлагаем вам способ узнать наверняка, какая вещь порадует любого человека. Приближается

Объёмная ёлка из бумаги - модульное оригами, видео
Во многих странах главным атрибутом новогодних и рождественских праздников является, конечно же, стройная зелёная ель. Это символ жизни, плодородия и благополучия в семье на весь следующий год. Именно

Корпоративное мероприятие на природе
Выездные мероприятия – возрождающаяся традиция организации полезного досуга работников. Совместные выезды за грибами и на шашлыки, которыми так дорожили трудовые коллективы в советские времена, теперь

Старинный Львов. Стоит ли туда ехать?
Львов Если вдруг у вас выдались небольшие выходные дни сроком в 3 или 4 дня и вы не знаете чем себя занять то почему бы вам не поехать на экскурсию в старинный Львов. Данный город является жемчужиной

Где отметить свадьбу на природе в белгороде
Вы много раз наблюдали за тем, как проходит бракосочетание друзей? Но где отметить свадьбу на природе в белгороде становится необычным событием. Всегда хочется, чтобы ваше событие стало лучше, чем у других.

Групповое поздравление невесты
Вы много раз наблюдали за тем, как проходит бракосочетание друзей? Но групповое поздравление невесты становится необычным событием. Всегда хочется, чтобы ваше событие стало лучше, чем у других. Вам предстоит

Изготовление корпоративных фильмов
Хотите сделать классное видео, ролик? Поздравить оригинально друга с днем рожденья? Или может вам срочно нужна видео презентация? Обратитесь к ребятам изготовление корпоративных фильмов. Делают все качественно,

rss