Как проверить исходный код в мобильных браузерах (как на Android, так и на обычном телефоне)

Мне нужно проверить источник просмотра страницы из браузеров мобильных устройств/планшетов (телефоны/планшеты Android и обычные телефоны).

Я пробовал некоторые методы, но это невозможно, как на рабочем столе. Мне трудно это проверить.

JS

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

Chrome && Firefox (Android)

view-source:http://domain.com

Есть ли другой способ проверить в других браузерах и в популярных браузерах телефонов?


browser html view-source
person Raaga    schedule 23.07.2014    source источник
comment
Может быть полезно для вашего вопроса http://android.stackexchange.com/questions/5039/how-do-i-view-source-in-the-android-browser.   -  person prakashstar42    schedule 23.07.2014
comment
@prakashstar42 Я проверил это, но не упомянул о том, как проверить браузеры функциональных телефонов и другие браузеры.   -  person Raaga    schedule 23.07.2014

Ответы (5)


arrow_upward
6
arrow_downward

Теперь добавление view-source: перед site-address.com работает в Chrome — Android. Источник: https://www.quora.com/How-can-I-view-a-webpage-source-code-in-Google-chrome-mobile-version

person Marian07    schedule 23.02.2020

arrow_upward
2
arrow_downward

Вы можете попробовать это классное приложение, доступное в магазине игр, под названием Html Page Source https://play.google.com/store/apps/details?id=com.scintillar.hps

person Pritam Shetty    schedule 12.04.2016

arrow_upward
2
arrow_downward

Трюк с префиксом URL-адреса источника просмотра не сработал для меня, используя хром на iphone. Думаю, есть приложения, которые я мог бы установить для этого, но по какой-то причине я просто предпочел сделать это самостоятельно, а не устанавливать «еще одно приложение».

Я нашел это хорошее краткое руководство о том, как настроить закладку на мобильном сафари, которая будет автоматически открывать источник просмотра страницы: https://appletoolbox.com/2014/03/how-to-view-webpage-html-исходные-коды-на-ipad-iphone-no-app-required/

У меня он работал безупречно, и теперь я устанавливаю его как постоянную закладку в любое время, когда захочу, без установки приложения.

Изменить: в основном есть 6 шагов, которые должны работать как для Chrome, так и для Safari. Инструкции для Safari:

  1. Откройте Safari и перейдите на произвольную страницу.
  2. Нажмите кнопку «Поделиться» (или действие) в Safari (выглядит как квадрат со стрелкой, выходящей сверху).
  3. Выберите «Добавить закладку»
  4. Удалите заголовок страницы и замените его чем-нибудь полезным, например «Показать исходный код страницы». Щелкните Сохранить.
  5. Затем перейдите к этому точному ответу Stack Overflow на своем телефоне и скопируйте приведенный ниже код javascript в буфер обмена телефона (код предоставлен Робом Флаэрти):
javascript:(function(){var a=window.open('about:blank').document;a.write('<!DOCTYPE html><html><head><title>Source of '+location.href+'</title><meta name="viewport" content="width=device-width" /></head><body></body></html>');a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();
  1. Откройте «Закладки» в Safari и выберите «Редактировать» только что созданную закладку «Показать источник страницы». Удалите все, что было ранее сохранено в поле «Адрес», и вместо этого вставьте код Javascript. Сохрани это.
  2. (Необязательно) Прибыль!
person Ben Barreth    schedule 10.04.2019
comment
Причина, по которой это не работает в Chrome на iPhone, заключается в том, что на iPhone приложение Chrome фактически представляет собой просто оболочку для Safari. Как и Firefox, и любое другое браузерное приложение. Apple не разрешает приложениям использовать собственный HTML-рендеринг, поэтому на устройствах iOS без джейлбрейка все рестораны — это Taco Bell. - person FeRD; 17.07.2019

arrow_upward
2
arrow_downward

Этому вопросу уже несколько лет, и есть несколько хороших предложений по обходным путям, но я действительно не заметил никаких ответов, которые касаются сути исходного вопроса. Так:

  • Предоставление «универсального» метода просмотра исходного кода в браузере обычного телефона (или даже произвольного стороннего браузера смартфона) невозможно, потому что «просмотр исходного кода» любым способом — это функция, реализованная в браузере. Таким образом, как получить к нему доступ или даже можно ли получить к нему доступ, зависит от разработчиков браузера. Я уверен, что существует множество браузеров, которые намеренно не позволяют пользователю просматривать исходный код страницы, и если это так, то вам не повезло, за исключением, возможно, обходных путей, подобных тем, которые предлагаются здесь.

  • Обходные пути, такие как внешние приложения для просмотра исходного кода по отношению к браузеру, хотя и полезны в некоторых случаях, в лучшем случае являются несовершенным частичным решением исходного запроса. Никогда нельзя быть уверенным, что любое такое приложение будет отображать исходный код страницы в том же виде, в каком он загружен браузером телефона.

    Современный веб-контент изменяется во всех отношениях посредством обнаружения браузера, управления сеансами и т. д., так что на источник, загруженный каким-либо внешним приложением, никогда нельзя положиться, чтобы представить источник как загруженный другим приложением. Если вы собираетесь использовать внешнее приложение для загрузки страницы, потому что хотите увидеть источник, вы можете вместо этого просто использовать Chrome (или, на устройстве iOS, Safari).

person FeRD    schedule 17.07.2019

arrow_upward
1
arrow_downward

Это старый пост, но все еще проблема в инструментах разработчика Chrome. Я считаю, что лучший способ проверить мобильный источник локально — открыть сайт локально в Xcode iOS Simulator. Затем оттуда вы открываете браузер Safari и включаете инструменты разработчика, если вы еще этого не сделали (перейдите в «Настройки» -> «Дополнительно» -> «Показать меню разработки» в строке меню). Теперь вы увидите опцию разработки в главном меню и можете перейти к разработке -> Симулятор iOS ->, и страница, которую вы открыли в симуляторе iOS Xcode, будет там. Как только вы щелкнете по нему, откроется веб-инспектор, и вы сможете редактировать, как обычно, в инструментах разработчика браузера.

Я боюсь, что это решение будет работать только на Mac, поскольку оно использует Xcode.

person Steve Litton    schedule 29.09.2015