Как проверить элемент в Android-браузере?

Я хочу проверить элементы CSS/HTML моего сайта в своем браузере Android. Однако это будет над смартфоном или Android SDK.

Каков наилучший способ сделать это?

Ответы

Ответ 2

Пришлось отлаживать сайт для родного Android-браузера и приходил сюда. Поэтому я попробовал weinre на OS X 10.9 (как сервер weinre) с Firefox 30.0 (клиент weinre) и Android 4.1.2 ( мишень). Я действительно очень удивлен результатом.

  • Загрузите и установите node время выполнения из http://nodejs.org/download/
  • Установить weinre: sudo npm -g install weinre
  • Узнайте свой текущий IP-адрес в разделе "Настройки" > "Сеть"
  • Настройка сервера weinre на вашем компьютере: weinre --boundHost YOUR.IP.ADDRESS.HERE
  • В вашем браузере вызывается: http://YOUR.IP.ADRESS.HERE:8080
  • Вы увидите фрагмент script, поместите его на свой сайт: <script src="http://YOUR.IP.ADDRESS.HERE:8080/target/target-script-min.js"></script>
  • Откройте отладочный клиент в локальном браузере: http://YOUR.IP.ADDRESS.HERE:8080/client
  • Наконец, на вашем Android: вызовите сайт, который вы хотите проверить (тот, у которого есть script внутри), и посмотрите, как он отображается как "Цель" в вашем локальном браузере. Теперь вы можете открыть "Элементы" или что угодно.

Возможно, 8080 не является вашим портом по умолчанию. Затем на шаге 4 вы должны вызвать weinre --httpPort YOURPORT --boundHost YOUR.IP.ADRESS.HERE.

И я не помню точно, когда это было, может быть, где-то после шага 5, конечно, мне приходилось принимать приглашения на входящие подключения.

:) Счастливая отладка

P.S. Я все еще ошеломлен тем, насколько хорошо это работает. Даже элементы подсветки O_O °

Ответ 3

Вы можете проверять элементы веб-сайта на своем устройстве Android с помощью браузера Chrome. Откройте браузер Chrome и перейдите на веб-сайт, который вы хотите проверить. Вернитесь к адресной строке и введите "view-source:" перед "http" и перезагрузите страницу. Отобразятся все элементы страницы.