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

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


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

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


270

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

share | улучшить этот ответ | |
отредактировано 19 февраля 2013 в 23:23
Matthew Read
49.7k2828 золотых знаков133133 серебряных знака267267 бронзовых знаков
ответил 04 дек. ’12 в 07:29
  • 4
    Отличное решение. Он даже генерирует раскраску синтаксиса (по крайней мере, в Chrome) и позволяет копировать исходный код в буфер обмена. – Jpsy 15 окт. ’13 в 7:50
  • 2
    Для Firefox для Android существует надстройка, которая позволяет вам каждый раз просматривать исходный код без префикса URL-адресов, просто нажмите “Просмотр исходного кода” в меню приложения и вы увидите исходный код открытой в данный момент веб-страницы. Надстройка View Source Mobile – Франсиско Альварадо, 23 декабря 2013 г., 06:40
  • 7
    В качестве букмарклета: javascript: document.location = 'view-source:' + document.location; – Бенджамин Оукс, 30 янв., 05:22
  • 3
    Этот ответ должен получить больше голосов и быть выбран как правильный. – Фред Томсен, 11 апр. ’15 в 17:44
  • 1
    Это также работает в Firefox и Chrome в Linux и Windows, возможно, в macOS – Motte001, 30 июня 2016 г., 10:41
| показать 5 дополнительных комментариев

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


29

Найдите на рынке приложение под названием View Web Source и установите его.

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

поделиться | улучшить этот ответ | |
отредактировано 21 августа 2013 г. в 12:14
ale
19.6k2828 золотых знаков105105 серебряных знаков158158 бронзовых знаков
ответил 23 января ’11 в 01:59
  • Кейт – ты, РОК, человек … сохранил мой @ss … не мог понять, почему мое видео не было встроено, но с помощью этого инструмента я мог видеть по источнику, что код не был включен .net server – user2645 02 фев. 2011, в 0:55
  • 2
    Ссылка на приложение: market.android.com/details?id=com.jamesob.vwsource только что попробовал, выглядит хорошо. Нет подсветки синтаксиса, но выполняет свою работу. Помещает источник в обычное текстовое поле, что означает, что вы можете легко скопировать текст из него. – GAThrawn 7 фев. 2011, в 16:43
добавить комментарий |

Найдите на рынке приложение под названием View Web Source и установите его.

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


7

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

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

share | улучшить этот ответ | |
отредактировано 13 апреля ’17 в 12:18
Сообщество ♦
1
ответили 21 авг., 11:24
  • 1
    Это имеет подсветку синтаксиса и очень прост в использовании. Работает с браузером Android по умолчанию и Chrome. Последняя версия Firefox для Android имеет собственный исходный код просмотра, поэтому в этом нет необходимости. – Ezward 20 дек. ’14 в 20:24
добавить комментарий |

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

Возможно, вы захотите попробовать Источник просмотра VT.


6

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

поделиться | улучшить этот ответ | |
ответил 29 июля ’12 в 13:12
  • этот ответ потрясает. – IAmDeveloper 06 авг., 2012 в 15:38
добавить комментарий |

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


5

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

Имя: Просмотреть исходный код (vs)

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

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

поделиться | улучшить этот ответ | |
отредактировано 19 марта ’14 в 21:15
ale
19.6k2828 золотых знаков105105 серебряных знаков158158 бронзовых знаков
ответил 19 марта ’14 в 20:14
добавить комментарий |

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

Имя: Просмотреть исходный код (vs)

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

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


4

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

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

поделиться | улучшить этот ответ | |
ответил 29 июня ’13 в 8:21
добавить комментарий |

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

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


3

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

поделиться | улучшить этот ответ | |
ответил 29 июля ’12 в 7:30
добавить комментарий |

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


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: V *: S> log.txt  

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

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

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

share | улучшить этот ответ | |
отредактировано 28 июля ’12 в 16:01
ale
19.6k2828 золотых знаков105105 серебряных знаков158158 бронзовых знаков
ответил 27 июля ’12 в 14:26
  • 1
    Хотя это может работать нормально, в вопросе указано в веб-браузере Android , а не from . Получить исходный код с помощью ПК можно гораздо проще – например, нажатие Ctrl-U в Firefox;) – Иззи ♦ 25 авг., 17:15
добавить комментарий |

вы можете записать исходный код в свою оболочку или в текстовый файл, если вы используете эмулятор, что очень удобно для разработки. Для этого вам необходимо установить 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: V *: S> log.txt  

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

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

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

2

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

  server:  источник  

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

поделиться | улучшить этот ответ | |
отредактировано 18 февраля ’13 в 18:31
eldarerathis
36.1k1515 золотых знаков139139 серебряных знаков174174 бронзовых знака
ответил 18 февраля ’13 в 18:28
добавить комментарий |

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

  server: source  

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


-1

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

share | улучшить этот ответ | |
ответил 08 окт. в 16:34
добавить комментарий |

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

Оцените статью
futurei.ru
Добавить комментарий