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

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

148 голосов | спросил Vijay 21 Jpm1000000pmFri, 21 Jan 2011 19:56:50 +030011 2011, 19:56:50

12 ответов


67

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

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

ответил 21 Jpm1000000pmFri, 21 Jan 2011 20:28:23 +030011 2011, 20:28:23
227

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

ответил Ludder 4 TueEurope/Moscow2012-12-04T11:29:36+04:00Europe/Moscow12bEurope/MoscowTue, 04 Dec 2012 11:29:36 +0400 2012, 11:29:36
29

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

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

ответил Keith Twombley 23 Jam1000000amSun, 23 Jan 2011 04:59:55 +030011 2011, 04:59:55
7

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

Возможно, вы захотите попробовать VT View Source .

ответил ReBeL 21 PM00000030000003431 2013, 15:24:34
6

Еще один инструмент, который полезен для просмотра источника и его модификации в режиме Firebug /Web Inspector, - это weinre удаленный отладчик.

ответил Lie Ryan 29 J000000Sunday12 2012, 17:12:33
4

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

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

ответил Aftershock 29 J0000006Europe/Moscow 2013, 12:21:27
4

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

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

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

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

ответил Milen Boev 20 MaramThu, 20 Mar 2014 00:14:55 +04002014-03-20T00:14:55+04:0012 2014, 00:14:55
3

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

ответил Ken Fehling 29 J000000Sunday12 2012, 11:30:11
2

вы можете захватить источник в свою оболочку или в текстовый файл, если используете эмулятор, что очень удобно для разработки. Для этого вам нужно будет установить 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, который имеет class /id, связанный с ним (для этого примера у него есть класс с именем 'inspect-me'), вы можете изменить свой JQuery на:

$(document).ready(function(){console.log($('div.inspect-me').html())});
ответил Wendallsan 27 J000000Friday12 2012, 18:26:24
2

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

server:source

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

ответил Akhi Hosad 18 FebruaryEurope/MoscowbMon, 18 Feb 2013 22:28:09 +0400000000pmMon, 18 Feb 2013 22:28:09 +040013 2013, 22:28:09
1

Попробуйте мое приложение для браузера - Subhash Browser & Устройство чтения каналов. Он имеет параметр «Просмотр HTML-источника».

 Просмотр HTML-источника в браузере субширины для Android

ответил The Somberi 30 J0000006Europe/Moscow 2016, 10:46:48
-1

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

ответил Seekcougars 8 +04002014-10-08T20:34:28+04:00312014bEurope/MoscowWed, 08 Oct 2014 20:34:28 +0400 2014, 20:34:28

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132