Як переглянути джерело в браузері Android?

Чи є спосіб переглянути вихідний HTML у веб-браузері Android?

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

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

У Firefox або Chrome на Android можна переглянути джерело, поставивши URL-адресу в адресному рядку " view-source:", тобто " view-source:http://google.com".

Знайдіть на ринку додаток під назвою Переглянути веб-джерело та встановіть його.

Потім під час перегляду відкрийте меню та натисніть "Надіслати", у спливаючому списку виберіть Переглянути веб-джерело.

Додаток, згаданий у цій відповіді , не оновлювався з 2009 року.

Ви можете спробувати VT View Source .

Інший інструмент, який корисний для перегляду джерел та їх зміни в прямому ефірі, як Firebug / Web Inspector, - це віддалений налагоджувач weinre .

Створіть нову закладку (закладку) на мобільному Chrome за допомогою:

Назва: Переглянути джерело (проти)

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

Тепер, коли на сторінці, торкніться адресного поля і починайте вводити: vs. Закладка повинна з'явитися, натисніть на неї, і ви готові.

У хромі, є віддалене налагодження. Якщо ви встановите Chrone на свій телефон. Якщо ви підключите свій телефон через usb до ПК, ви можете переглянути джерело модифікованого Javascript на вашому ПК у браузері Chrome.

Дивіться кінець http://eclipsesource.com/blogs/2012/08/14/debugging-javascript-on-android-and-ios/

Якщо це для налагодження (з вашого коментаря, схоже, що є) щось ще краще - це встановлення розширення комутатора агентів для Firefox або Chrome на робочий стіл. Змініть агент користувача на Android, і ви отримаєте мобільну версію сайту, але з усіма джерелами та інструментами налагодження, до яких ви звикли.

ви можете захопити джерело до своєї оболонки чи текстового файлу, якщо ви використовуєте емулятор, що дуже зручно для розробки. Для цього вам потрібно встановити Інструменти для розробників Android, які постачаються з 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, який має клас / id пов'язаний з ним (у цьому прикладі є клас під назвою "інспектувати мене"), ви можете змінити свій JQuery на:

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

Якщо ви використовуєте браузер Opera, введіть це у своєму адресному рядку, не забудьте видалити http та інші речі та введіть:

server:source

в адресу сторінки, яку ви відкрили.

Якщо ви хочете переглянути джерело сторінки веб-переглядача Android або оглянути сторінку, ви можете скористатися цією https://developer.chrome.com/devtools/docs/remote-debugging Його дуже хороший інспектор