Как проверить просмотр исходного кода в мобильных браузерах (оба телефона Android && Feature)
Мне нужно проверить источник просмотра страницы из мобильных / планшетных браузеров (телефоны / планшеты и телефоны Android).
Я попробовал некоторые из методов, но это невозможно, как на рабочем столе. Мне трудно это проверить.
JS
javascript: alert(document.getElementsByTagName('html')[0].innerHTML);
Chrome && Firefox (Android)
view-source:http://domain.com
Есть ли какой-либо другой способ проверить в других браузерах и в популярных браузерах телефона
9 ответов
Теперь добавляем view-source:
до того, как site-address.com работает в Chrome - Android. Источник: https://www.quora.com/How-can-I-view-a-webpage-source-code-in-Google-chrome-mobile-version
Уловка префикса url источника представления не работала для меня, используя хром на iphone. Я думаю, есть приложения, которые я мог бы установить, но по какой-то причине я предпочел сделать это сам, а не устанавливать "еще одно приложение".
Я нашел это хорошее краткое руководство о том, как настроить закладку на мобильном сафари, которая будет автоматически открывать источник просмотра страницы: https://appletoolbox.com/2014/03/how-to-view-webpage-html-source-codes-on-ipad-iphone-no-app-required/
Он работал безупречно для меня, и теперь я могу установить его в качестве постоянной закладки в любое время, когда приложение не установлено.
Вы можете попробовать это классное приложение, доступное в магазине Play, под названием Источник HTML-страницы https://play.google.com/store/apps/details?id=com.scintillar.hps
Вы можете попробовать удаленную отладку в Chrome для настольных компьютеров, чтобы отладить код в Chrome для Android
https://developer.chrome.com/devtools/docs/remote-debugging
В Google Play есть несколько приложений, которые позволяют просматривать источники прямо с телефона. Вот один из них: https://play.google.com/store/apps/details?id=com.androidyou.webpagelite&hl=en
Быстрый поиск в Google Play перечисляет несколько приложений: https://play.google.com/store/search?q=view%20source&c=apps&hl=en
Этому вопросу несколько лет назад, и есть несколько хороших предложений по обходным путям, но я действительно не заметил никаких ответов, прямо затрагивающих суть исходного вопроса. Так:
Предоставление "универсального" метода просмотра исходного кода в браузере обычного телефона (или даже в произвольном стороннем браузере смартфона) невозможно, потому что "просмотр исходного кода" любым способом - это функция, реализованная в браузере. Так как это доступ, или даже если она может быть доступна, до разработчиков браузера. Я уверен, что существует множество браузеров, которые намеренно мешают пользователю просматривать исходный код страницы, и если это так, то вам не повезло, за исключением, возможно, обходных путей, подобных тем, которые здесь предлагаются.
Обходные приемы, такие как приложения "просмотр исходного кода", внешние по отношению к браузеру, хотя и полезны в некоторых случаях, в лучшем случае являются несовершенным частичным решением исходного запроса. Никогда нельзя быть уверенным, что какое-либо такое приложение отобразит исходный код страницы в той же форме, в которой он загружен браузером телефона.
Современный веб-контент изменяется всеми способами через обнаружение браузера, управление сеансом и т. Д., Так что на источник, загруженный каким-либо внешним приложением, никогда нельзя полагаться для представления источника как загруженного другим приложением. Если вы собираетесь использовать внешнее приложение для загрузки страницы, потому что хотите увидеть исходный код, вы также можете просто использовать Chrome (или, на устройстве iOS, Safari).
Это старый пост, но он все еще остается проблемой в инструментах Chrome Dev. Я считаю, что лучший способ проверить мобильный источник локально - это открыть сайт локально в симуляторе iOS Xcode. Затем оттуда вы открываете браузер Safari и активируете инструменты разработки, если вы еще этого не сделали (перейдите в "Настройки" -> "Дополнительно" -> "Показать меню разработки" в строке меню). Теперь вы увидите опцию разработки в главном меню и можете перейти к разработке -> iOS Simulator ->, и там откроется страница, открытая вами в Xcode iOS Simulator. Как только вы щелкнете по нему, откроется веб-инспектор, и вы сможете редактировать, как обычно в инструментах разработчика браузера.
Боюсь, что это решение будет работать только на Mac, хотя он использует Xcode.
Я нашел это в Google. Надеюсь, это поможет вам.
Предыдущие решения были для меня недостаточно точными. Веб-страница, к которой я пытаюсь получить доступ, загружается динамически. Использование view-source не дает мне полного кода, а метод JavaScript не отображает полный код.
Вот решение, которое я нашел для Google Chrome на Android:
- Нажмите «Еще»
- Нажмите «Скачать»
- Откройте приложение проводника
- Переименуйте загруженный файл и добавьте
.txt
расширение - Откройте файл как обычный файл
Проблема с кодом закладки JavaScript не отформатирована, и это очень важно для мобильных устройств.
Используйте https://view-source.hellafast.digital
Это веб-решение, которое также может быть интегрировано в iOS.