Как просмотреть исходный код в браузере Android?

Есть ли способ просмотреть исходный HTML-код в веб-браузере Android?

Вы можете использовать alertметод Javascript для возврата исходного кода, введите его в адресной строке:

javascript: alert(document.getElementsByTagName('html')[0].innerHTML);

В Firefox или Chrome на Android можно просмотреть исходный код, добавив в адресную строку префикс « view-source:», то есть « view-source:http://google.com».

Найдите на рынке приложение под названием « Просмотр веб-источника» и установите его.

Затем при просмотре откройте свое меню и нажмите «поделиться», в появившемся списке выберите «Просмотр веб-источника».

Приложение, упомянутое в этом ответе , не обновлялось с 2009 года.

Вы можете попробовать VT View Source .

Другим инструментом, который полезен для просмотра источника и изменения его в реальном времени, в стиле Firebug / Web Inspector, является weinre remote debugger.

Создайте новую закладку (букмарклет) в Mobile Chrome с помощью:

Имя: Просмотр источника (vs)

URL: javascript:document.location='view-source:'+document.location; void(0);

Теперь, когда на странице, коснитесь поля адреса и начните вводить: vs. Должен появиться букмарклет, щелкните по нему, и вы готовы.

В chrome есть возможность удаленной отладки. Если вы установите Chrone на свой телефон. Если вы подключите свой телефон через USB к ПК, вы сможете просмотреть модифицированный Javascript на своем ПК в браузере Chrome.

Смотрите в конце http://eclipsesource.com/blogs/2012/08/14/debugging-javascript-on-android-and-ios/

Если это для отладки (из вашего комментария это выглядит так), то что-то еще лучше - установить на свой рабочий стол расширение переключателя пользовательских агентов для Firefox или Chrome. Измените пользовательский агент на Android, и вы получите мобильную версию сайта, но со всеми инструментами источника и отладки, к которым вы привыкли.

Вы можете записать исходный код в свою оболочку или в текстовый файл, если вы используете эмулятор, который очень удобен для разработки. Для этого вам нужно установить Android Developer Tools, который поставляется с adb. Запустите эмулятор, затем из оболочки вашей ОС запустите команду:

adb logcat browser:V *:S

Это выведет что-либо из приложения браузера на вашем эмуляторе и подавит любые другие сообщения журнала. Оттуда любые команды javascript console.log будут захвачены adb и выведены для просмотра. Так что, если вы используете JQuery, вы можете добавить это на свою страницу, и она выведет HTML-код всей страницы в журнал:

$(document).ready(function(){console.log($('html').html())});

Это выведет все в ваш HTML-тег на странице в журнал.

Вы можете зафиксировать вывод вашего журнала (по крайней мере, используя BASH, я не могу общаться с другими оболочками) с помощью:

adb logcat browser:V *:S > log.txt

теперь любой вывод из журнала сбрасывается в ваш файл log.txt. Это действительно удобно для HTML-кода всей страницы, так как вы можете выполнять поиск по нему так же, как и любой другой текстовый документ.

Если вы хотите захватить определенный фрагмент страницы, а не весь объект, вы можете указать эту часть страницы, а не html-тег в своем JQuery, поэтому, если вам нужно взглянуть на один элемент div с классом / идентификатором связанный с ним (для этого примера у него есть класс с именем «inspect-me»), вы можете изменить свой JQuery на:

$(document).ready(function(){console.log($('div.inspect-me').html())});

Если вы используете браузер Opera, введите это в адресную строку, убедитесь, что вы удалили http и другие данные, а затем введите:

server:source

в адрес страницы, которую вы открыли.

Если вы хотите просмотреть исходный код страницы браузера Android или просмотреть страницу, вы можете использовать этот https://developer.chrome.com/devtools/docs/remote-debugging Это очень хороший инспектор