#browser #mobile #firebug
#браузер #Мобильный #firebug
Вопрос:
Я знаю о firebug и инструментах разработчика для основных современных настольных браузеров, но я не могу найти никакого способа отладки кода JavaScript в мобильных браузерах.
Какие высокоуровневые методы я могу использовать для отладки кода в мобильных браузерах?
Комментарии:
1. Что я делаю, так это просматриваю мобильную версию в браузере для настольных компьютеров и отлаживаю ее там.
2. @JohnIsaacks Некоторые веб-сайты некорректно отображаются в браузере для настольных компьютеров. Наша обязанность — отладить его на реальном устройстве и исправить для настольного браузера.
3. В большинстве случаев все зависит от размера, поэтому есть некоторые онлайн-инструменты, такие как responsinator.com которые отображают страницу на разных телефонах и планшетах разных размеров, все на одной странице! Вот список из 10 из них. Как я тестировал responsinator.com работает даже с URL-адресами вашего локального хостинга. Лично эти инструменты отвечают большинству моих аналогичных потребностей в адаптивном веб-дизайне. Также в Chrome можно имитировать различные агенты.
Ответ №1:
Устройства Android можно перевести в режим разработчика, перейдя в настройки> Статус телефона, затем нажав на «Номер сборки» 7 раз. Это позволяет выполнять множество действий (см. Шаг 5), включая отладку по USB. (У некоторых устройств может быть номер сборки в разделе Информация о программном обеспечении)
Чтобы активировать отладку по USB, найдите в настройках недавно появившиеся «{ } Параметры разработчика», откройте это и включите отладку по USB. Подключите свое устройство, используя прямое USB-соединение.
В Chrome на вашем рабочем столе, на обычной панели инструментов разработчика, используемой для отладки, найдите в меню дополнительные инструменты> удаленные устройства. Выбрав Discover USB devices, теперь вы должны увидеть свое мобильное устройство сбоку.
Выберите его, чтобы увидеть список всех открытых вами вкладок Chrome и возможность прямого ввода URL-адресов.
При выборе одной из ссылок откроется новое окно с зеркалом экрана вашего устройства слева и всеми знакомыми инструментами отладки Chrome справа. Вы по-прежнему можете управлять своим устройством напрямую или использовать мышь на зеркальном экране. Он даже вращается.
полная информация об удаленной отладке от Google и как включить режим разработчика (ссылка как выше) от askvg.com
Комментарии:
1. Этот метод доступен и для Firefox. для получения дополнительной информации
Ответ №2:
Вы можете выполнять отладку в Safari Mobile с любого iPhone / iPad. В меню разработчика вы можете найти свое устройство, а затем отладить свой код с помощью inspector.
Если вместо этого у вас есть устройство Android, вы можете выполнять отладку на рабочем столе Chrome (не забудьте активировать режим отладки) с помощью chrome://inspect
Ответ №3:
Android предоставляет набор инструментов для этих целей: https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dccamp;utm_medium=redirectamp;utm_campaign=2016q3
Apple делает это аналогичным образом: https://developer.apple.com/safari/tools
Учебное пособие:https://css-tricks.com/using-chrome-devtools-to-debug-javascript-in-any-browser-with-ghostlab-2 /
Ответ №4:
На iPhone вы можете зайти в настройки> Safari> дополнительно и включить веб-инспектор
Ответ №5:
Иногда я получаю сообщения об ошибках от клиентов, которые не воспроизводятся каждый раз или в ходе нашего тестирования. Для таких случаев я рекомендую Lucky Orange. Он записывает активность пользователя, а также имеет возможность записывать сообщения консоли.
PS — Я не партнер, я использую их для своих собственных проектов, и мне это нравится.
Ответ №6:
Другим решением для базовой отладки (которое во многих случаях является всем необходимым) является использование полизаполнения консоли на мобильных устройствах без необходимости подключения к USB на настольном компьютере.
mobileConsole — это такое заполнение консоли.
Надеюсь, это кому-то поможет, я нашел это полезным.