Как посмотреть исходный код сайта на андроид

Как посмотреть исходный код сайта на андроид

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

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

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

В 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.

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

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

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

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

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

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

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

Как посмотреть исходный код страницы сайта на планшете/телефоне с ОС Android?

Казалось бы, телефоны не приспособлены для полноценной разработки сайтов, но все же есть ряд полезных программ для веб-разработчиков, облегчающих их жизнь в этом плане. Сегодня же я хотел бы показать вам, как посмотреть исходный код сайта на Android, не используя при этом специальных программ.

Воспользуемся мы обычным браузером, а также правилом, которое работает и на компьютере. Для этого в адресную строку браузера перед url добавьте «view-source:»:

Как посмотреть исходный код страницы сайта на планшете/телефоне с ОС Android?

и нажмите «Поиск» или «Перейти». После чего вы сможете наблюдать исходный код сайта

Как посмотреть исходный код страницы сайта на планшете/телефоне с ОС Android?

Помимо этого способа, исходный код сайта в Android можно посмотреть с помощью специальных программ, которые мы разобрали в этой статье.

Как посмотреть HTML код страницы

В браузере возможно просмотреть исходный код веб страницы. Это пригодиться и блогеру, чтобы, например, проверить наличие в блоге невидимых счетчиков, скриптов и другой информации. А также, используя, эту функцию, можно просматривать html-коды страниц с интересным оформлением и, таким образом, изучить еще более полно язык программирования, чтобы в дальнейшем применить на своём сайте. Конечно, просмотр html очень часто используется с целью кражи контекста. Хочу предостеречь вас от этого во избежание проблем, которые могут возникнуть вследствие этих действий.

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

Google Chrome

  1. Выберите строку Щелчок правой клавишей мыши –> Просмотр кода страницы, или Ctrl+U.
  2. Меню (три точки вертикально в правом верхнем углу браузера) ->Дополнительные инструменты -> Инструменты разработчика.
  3. Узнать html виджета: навести курсор на интересующую деталь -> клик правой кнопкой мыши -> Просмотреть код (или CTRL + SHIFT + I).

Mozilla Firefox

узнать код сайта в firefox

  1. Клик правой кнопкой мыши – > Исходный код страницы или нажмите горячие клавиши Ctrl+U.
  2. Вы можете также проверить html любого элемента на сайте. Ваши действия: наведите курсор на интересующий виджет — > кликните правой кнопкой мыши -> "проинспектировать элемент".
  3. Через меню (три черты): Веб-разработка -> Исходный код страницы или Элементы разработчика.

Яндекс браузер

  1. Правая клавиша мышки -> Просмотреть код страницы (CTRL + U).
  2. Посмотреть значимую часть сайта: функция "Исследовать элемент" (CTRL + SHIF + I)
  3. Через меню: нажмите на три черты в верхнем правом углу экрана монитора -> Дополнительно -> Дополнительные инструменты -> Посмотреть код страницы или инструменты разработчика.

Opera

Исходный код в Опере

  1. Нажмите на правую кнопку мыши –> Исходный текст страницы \ или нажмите сочетания клавиш Ctrl+U (одновременно)

    3. HTML интересующего элемента узнают при помощи команды "Просмотреть код элемента" или Одновременным нажатием CTRL + SHIFT + C.

Internet Explorer

  1. Щелкните правой клавишей мыши –> Просмотр HTML кода (как вариант: CTRL + U).
  2. Меню (иконка "Шестерёнка") -> Средства разработчика (F12)
  3. Узнать html выбранного участка с помощью действия "Проверить элемент" (F12).

Safari

  1. Воспользуйтесь горячими клавишами Cmd+option+U
  2. Если просмотр вам не доступен, то в Настройках браузера в разделе "Дополнения" активируйте функцию "Показывать меню «Разработка» в строке меню".

Android

  1. В Адресной строке пропишите перед доменом строчку view-source:
    Пример: view-source:mycrib.ru
  2. Используйте приложения VT View Source с Play Market.

Это полезная функция для оптимизации сайта на телефоне. Вариант просмотра кода в мобильной версии можно узнать в Гугл Хроме. Для этого нажмите CTRL + SHIFT + I, а затем выберите иконку мобильного телефона в верхней части тулбара или воспользуйтесь горячими клавишами CTRL + SHIFT + M. Далее можете выбрать отображение страницы для некоторых моделей мобильных телефонов и в различных разрешениях.

Ссылка на основную публикацию