Статьи

Как отлаживать сайты на вашем мобильном устройстве с помощью Google Chrome

  1. Необходимое программное обеспечение
  2. Настройте свое устройство
  3. Время начинать отладку
  4. Резюме

Я не могу поверить, что я выжил так долго, как веб-разработчик, не зная, что вы можете отлаживать веб-сайты (JavaScript, CSS, HTML, TypeScript и т. Д.) Непосредственно на вашем мобильном устройстве с помощью инструментов разработчика Google Chrome. Если вы в настоящее время используете эмуляторы / симуляторы или тестирующие решения, такие как Browser Stack, вам понравится это простое и бесплатное решение. Будьте осторожны, однако, вы должны будете загрузить 6+ гигабайт материала до того, как волшебство начнется. Я только что проверил это на своем Samsung Galaxy S6 Edge (под управлением Android 5.1.1), но я считаю, что это также работает на iPhone.

Необходимое программное обеспечение

Перед подключением телефона к компьютеру убедитесь, что у вас установлено все следующее программное обеспечение;

Настройте свое устройство

Настройка вашего устройства довольно проста. Начните с подключения к компьютеру с помощью USB-кабеля и активируйте «Режим разработчика» через меню настроек. Вместо того, чтобы объяснять все отдельные шаги, просто следуйте этому полезному руководству ,

Время начинать отладку

Если вы еще этого не сделали, подключите свое устройство к компьютеру с помощью USB-кабеля. Запустите Google Chrome на своем устройстве и запустите Google Chrome на своем компьютере. Перейдите к хром: // инспектировать и ваше устройство должно быть в списке.

Перейдите к   хром: // инспектировать   и ваше устройство должно быть в списке

Google Chrome Inspect Devices Если вашего устройства нет в списке, вам, вероятно, необходимо перезапустить сервер ADB. Запустите команды, как показано ниже, из стандартной командной строки или командной строки администратора; Google Chrome Inspect Devices Если вашего устройства нет в списке, вам, вероятно, необходимо перезапустить сервер ADB Перезагрузите сервер ADB

Если вы все еще не видите свое устройство в списке, пожалуйста, ознакомьтесь с руководством по устранению неполадок , Когда все будет готово, нажмите осмотреть чуть ниже заголовка вкладки с вашей открытой веб-страницей или используйте удобное поле Открыть вкладку с URL-адресом, чтобы быстро открыть новую вкладку. Google Chrome теперь откроет полноэкранное окно инструментов разработчика с предварительным просмотром веб-страницы слева, с окном консоли и другими полезными вкладками (включая все, к чему вы привыкли при отладке веб-страниц в браузере рабочего стола).

BBC Inspect Mode

Вы можете установить точки останова, использовать ключевое слово debugger и выполнить отладку так же, как вы привыкли.

Заголовок BBC изменен

Любые изменения, сделанные на ПК, автоматически и мгновенно отражаются на устройстве, и наоборот!

Резюме

Google Chrome обладает невероятно полезной функцией, которая позволяет выполнять удаленную отладку на устройстве Android или IOS с помощью инструментов разработчика Google Chrome. Процесс установки включает в себя загрузку более 6 ГБ дополнительных материалов , но платить за такую ​​полезную функцию кажется небольшой ценой.

Похожие

Как использовать Google Authenticator с ПК
... своей простоте и тому, что он может серьезно повысить вашу безопасность, многие платформы побуждают нас внедрять его в наших онлайн-аккаунтах. Gmail, Outlook, Battle.net, Origin, ArenaNet и многие другие компании используют двухфакторную аутентификацию для защиты вашей учетной записи. Двухфакторная аутентификация (2FA) использует традиционный логин и пароль с дополнительным элементом. Это может быть ключ, генерирующий код для ввода на экране входа в систему, SMS, отправленное на ваш телефон
Как ускорить Chrome для Android
Так происходит все время. Все идет гладко и быстро, когда вы впервые начинаете использовать смартфон. Но потом все начинает замедляться со временем. Самое неприятное замедление? Когда Хром браузер начинает вяло. Если вы попали на эту статью, скорее всего, вы оказались в той же лодке, что и я, и ищете
Как заблокировать всплывающие окна с помощью Google Chrome
Вы устали от Internet Explorer, поэтому вы решили попробовать Chrome, и вы были в восторге. Разработанная Google навигационная программа является быстрой, очень настраиваемой, а ее «интеллектуальная» адресная строка может сделать навигацию очень быстрой и удобной. Однако существует небольшая и большая проблема, которую не удалось решить даже этому браузеру: как это случилось с Internet Explorer, на многих веб-сайтах вы по-прежнему видите рекламные окна, которые открываются автоматически (так
Google Chrome показывает оповещения о несовместимых приложениях
... обеспечение обычно определяется как несовместимое приложение С тех пор как эта функция была включена в июле, все больше сообщений о том, что антивирусные программы перечислены в Chrome как несовместимые, становятся несовместимыми. Некоторые из антивирусных приложений, которые мы видели как несовместимые, включают в себя Malwarebytes ,
Как сопоставить букву диска с Google Drive в Windows
Ярлык Google Drive в Windows 7 / Vista отображается в папке «Избранное», а в Windows XP - в папке «Мои документы». Ярлыки достаточно просты в использовании, но если вам удобнее использовать определенную букву диска, есть простой способ сопоставить ее с вашей учетной записью Google Диска. Если вам удобно использовать командную строку, вы можете использовать команду DOS: subst .
Google Chrome, этого достаточно для сайтов, которые блокируют кнопку Назад
... свое влияние : минимизировать зараженные компьютеры и держать под контролем риски для всех, для тех, кто посещает «определенные сайты», но также и для всех остальных. Фактически, один менее зараженный компьютер представляет меньший риск для любого: если Tizio заберет вредоносное ПО, он может передать его Caio с явно законным электронным письмом, оттуда добраться до Sempronio и так далее. В истории было много вирусов, которые распространялись таким образом, и даже если сегодня антиспам-фильтры
Google Chrome хочет сделать мобильные подписки более понятными
Chrome 71 будет показывать предупреждение, когда веб-сайт не уверен в информации о своей мобильной подписке. Вы можете либо проигнорировать
[Как сделать] 7 Эффективных способов быстрого добавления Google Analytics в Joomla
Без тени сомнения, одна из первых вещей, которые вы должны иметь в виду, если вы серьезно относитесь к своему сайту, - это Google Analytics. Мало того, что вы хотите отслеживать свой трафик, Google Analytics обладает настолько
Q & A: встроенный блокировщик рекламы в Google Chrome
Мало кто увлекается интернет-рекламой. В этом нет ничего удивительного: раздражает, когда липкая картинка выплескивается на половину экрана, когда вы увлекаетесь действительно интересной статьей, или, что еще хуже, взрывом видеоигры из-за автоигры, расположенной ниже сгиба. Неудивительно, что блокировщики рекламы существуют уже давно - или что они очень популярны. Недавнее исследование Reuters показало, что
Как настроить Google Analytics для электронной коммерции
Если у вас есть новый веб-сайт в работе или вы просто хотите отслеживать трафик на вашем текущем веб-сайте, Google Analytics является обязательным инструментом. Он обеспечивает подробное отслеживание и отчетность веб-сайта, а также бесплатное и простое в настройке. Поэтому, хотя нетрудно узнать, как настроить Google Analytics, легко потеряться в кроличьей норе учебных пособий, руководств и рекомендаций, которые появляются в результатах поиска. Мы хотели написать простое
Как установить GNOME 3.20 в Ubuntu 16.04
... своей системой. Однако в этом основном руководстве мы покажем вам, как установить его из промежуточного репозитория для вашей системы Ubuntu и ее производных. Основные функции и улучшения в комплекте с GNOME 3.20 включают в себя: Обновления ОС теперь можно установить с помощью программного центра GNOME Поддержка Wayland значительно улучшена благодаря кинетической прокрутке, перетаскиванию и вставке по среднему щелчку Сочетания клавиш и жесты

Комментарии

Как насчет интеграции, выполненной Google?
Как насчет интеграции, выполненной Google? Мы запустили наш обычный протокол тестирования, чтобы узнать больше о синтетических тестах, приложениях, а также игре для гурманов: Real Racing 3. LG Nexus 5X LG G4 Samsung Galaxy S6 HTC One M9 PCMark 4 316 4 720 5 000 4 241 3DMark Ice Storm Неограниченный (глобальный) 18 849 18 619 22 265 22 148 3DMark Ice Storm Неограниченный (графический) 21 993 23 182 23 630 33 892 3DMark Ice Storm Unlimited (физика) 12 563 11 025 18 521 10 009 GFXBench
Как я могу дополнить информацию уже на сайте?
Как я могу дополнить информацию уже на сайте? Какие знания или опыт у меня были, чтобы добавить свежий взгляд на темы, обсуждаемые в блоге? Для того, чтобы статья подходила для определенного сайта, этому сайту не обязательно нужно больше той же информации, которую предоставляют обычные авторы сайта. Вместо этого сайту часто нужны или нужны статьи на смежные темы, которые демонстрируют опыт. Другими словами: оригинальный, полезный контент, выраженный уникальным письменным
Зачем менять Google Chrome?
Зачем менять Google Chrome? Браузер в каком-то смысле представляет нашу «шкуру» онлайн, часть, подверженную онлайн-опасностям, и для этого он должен гарантировать максимально возможную безопасность. Кроме того, потому что компьютерная безопасность оказывает свое влияние : минимизировать зараженные компьютеры и держать под контролем риски для всех, для тех, кто посещает «определенные сайты», но также и для всех остальных. Фактически, один менее зараженный компьютер представляет
Чем отличается встроенный блокировщик рекламы в Google Chrome?
Чем отличается встроенный блокировщик рекламы в Google Chrome? В отличие от типичных расширений для блокировки рекламы, Chrome работает при условии, что не вся реклама плохая. Например, возьмите рекламу, которая вас не поддерживает, но предлагает скидку или решение, которое вам действительно нужно, вы будете рады, что увидели его, и рекламодатель тоже. Chrome также знает, что не все объявления одинаково навязчивы. Более того, большинство веб-сайтов делают свой ежедневный хлеб из рекламы.
Как избежать заражения?
Как избежать заражения? Последнее приложение, как и многие предыдущие, распространяется через неавторизованные магазины приложений, через SMS или электронную почту. Несколько дней назад мы писали, что именно так преступники пытаются заставить жертв Обновление драйвера LTE. И в этом случае речь шла о том, чтобы взять под контроль устройство.
Что пахнет и как Дженнифер Лоуренс заботится о красоте?
Что пахнет и как Дженнифер Лоуренс заботится о красоте? Маски Chic Chiq спрятаны в элегантной бамбуковой упаковке / фотопечати Чем отличается? А-ля-Роза - омолаживает и украшает, благодаря содержанию лепестков розы и масла жожоба, де-ла-Мер - благодаря водорослям и лемонграссу
3. Как это работает?
3. Как это работает? Подключить PSVR просто, это займет не более десяти минут. Кабель PS4 HDMI, который обычно идет в телевизор, подключен к процессору. Из этой коробки выходит второй кабель HDMI, и вы подключаетесь к телевизору. От процессорного блока другой кабель USB идет к PS4, а другой кабель питания к розетке. Сама гарнитура очень удобная. Экран как бы висит перед вашими глазами, а не очки, давящие вам на глаза. Вес приятно распределяется по вашей голове и расстояние
Однако, как и в случае с iPad Pro, возникает вопрос: нужна ли вам в Chromebook мощность 8-го поколения Core i5 или i7?
Однако, как и в случае с iPad Pro, возникает вопрос: нужна ли вам в Chromebook мощность 8-го поколения Core i5 или i7? Не поймите меня неправильно - анимация Pixel Slate и плавная прокрутка выглядят так же мощно, как MacBook. Тем не менее, Core i5-8500Y немного дорог для Chromebook, не говоря уже о планшете с Chrome OS. Я подозреваю, что модель Core m3 за $ 799 будет достаточно для большинства людей, если не модель Celeron за $ 599. Тысяча баксов - это много, что можно потерять на планшете, особенно
Если да, то как вы думаете, что это сравнивается со старой доброй командой Ipconfig?
Если да, то как вы думаете, что это сравнивается со старой доброй командой Ipconfig? Поделитесь своими мыслями с другими членами TechRepublic.
Как насчет того, чтобы добавить дополнительный элемент навигации?
Как насчет того, чтобы добавить дополнительный элемент навигации? Увидеть перо Навигация по ширине жидкости, один дополнительный элемент по SitePoint ( @SitePoint ) на CodePen , Теперь последний элемент навигации переносится на второй ряд. Понятно, что это не удовлетворяет всем нашим требованиям. JavaScript можно использовать
Как вы относитесь к жесткой маленькой станции возле Червоточины в Гамма-квадранте?
Как вы относитесь к жесткой маленькой станции возле Червоточины в Гамма-квадранте? Да, нам это тоже нравится, и мы подумали, что пришло время подарить ей немного любви. У нас уже давно есть карта Deep Space Nine, но, как и в те времена, DS9 показывал свой возраст. Есть много проблем со старой картой,

Самое неприятное замедление?
Как я могу дополнить информацию уже на сайте?
Какие знания или опыт у меня были, чтобы добавить свежий взгляд на темы, обсуждаемые в блоге?
Зачем менять Google Chrome?
Чем отличается встроенный блокировщик рекламы в Google Chrome?
Как избежать заражения?
Как избежать заражения?
Что пахнет и как Дженнифер Лоуренс заботится о красоте?
Что пахнет и как Дженнифер Лоуренс заботится о красоте?
Маски Chic Chiq спрятаны в элегантной бамбуковой упаковке / фотопечати Чем отличается?

Новости

Где купить гибкий штатив для фотоаппарата

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

Походы пешком по Украине

Осуществление пеших походов по своей родной стране является одним из видов познания её достопримечательностей и прекрасных мест. При пеших походах все детали красоты и яркости природы своей страны

Славянские фамилии и их значения
Фамилии славянских народов порой бывает трудно разделить по «национальным квартирам», хотя последнее время это пытаются сделать в Украине. На протяжении многих веков так называемые пишущие люди стремились

Значение имени артем
Уже известно и доказано, что значение имени артем влияет на судьбу его обладателя. Попытки понять и объяснить влияние имени на судьбу и характер человека начались в прошлом, продолжаются и в настоящее

Ржачные поздравления с днем рождения
Желаю во всем всегда успевать И все делать лишь на 5. Желаю быть счастливой на свете этом, И чтоб жизнь казалась только летом. Пускай все всегда выходит И все твои мечты реализуются. *** Открыв конверт,

Популярное видео youtube
Давно решила себе купить зонт, при величайшем выборе расцветок, марок, брендов, очень тяжело определиться с моделью. Хотелось, что бы зонт был не только красивым, но и качественным, и прослужил не один

Значение фамилии порошенко
В 1956 году Алексей Вальцман женился на Евгении Сергеевне Порошенко и при этом изменил фамилию с Вальцман на Порошенко. В 1974 году - занял должность директора Бендерского исследовательского экспериментально-ремонтного

Сонник толкование снов к чему
Интересные и серые, пропитанные отголосками прошедшего дня или, напротив, несущие в себе некие знамения, переносящие нас в далекое прошлое или рисующие в сознании картины будущего,

Поздравление парня с др
«Денек рождения- печальный праздничек…», - так гласит каждый, хотя где то в глубине души так ожидает сей день. Но самое, пожалуй, приятное – сделать это событие запоминающимся конкретно для возлюбленного

Сонник толкование снов миллера
Если к толкованиям сновидений применимо понятие классики, то у нее есть свое имя — Густав Хиндман Миллер, американский психолог, живший в конце XIX столетия. В натуре этого любознательного и умного человека,