Как «просмотреть исходный код» из Safari на iPad или iPhone
Искусственный интеллект поможет тебе заработать!
Вы когда-нибудь хотели просмотреть исходный код веб-страницы с iPad или iPhone? К сожалению, мобильный Safari не включает эту функцию сам по себе и еще не имеет встроенного инструментария мобильного веб-инспектора, но с помощью настраиваемого букмарклета вы можете просматривать исходный код любой веб-страницы прямо в iOS и iPadOS.
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)
В этой статье будет показано, как настроить просмотр исходного кода в Safari для iPad и iPhone с помощью трюка с букмарклетом и javascript.
Как просмотреть исходный код в Safari для iPad и iPhone
- Откройте Safari, если вы еще этого не сделали
- Добавьте в закладки эту (или любую другую) веб-страницу с помощью Safari на iPad, iPhone или iPod touch и назовите закладку «Просмотр исходного кода».
- Щелкните здесь, чтобы просмотреть букмарклет javascript а затем выберите Выбрать все -> Копировать
- Коснитесь значка закладки на новом экране браузера Safari и коснитесь «Изменить», затем коснитесь закладки, сохраненной на шаге 2.
- Вставьте код javascript, который вы скопировали на шаге 3, в строку URL, а затем сохраните изменения в закладке, нажав «Готово».
- Теперь, когда вы хотите просмотреть исходный код веб-страниц на iPad или iPhone, откройте меню «Закладки» и выберите «Просмотр источника».
- Исходный код будет отображаться в выделенном синтаксисе с интерактивными исходными URL-адресами.
Важно отметить, что используемый здесь javascript отправляет страницу, которую вы просматриваете, на сервер michelsen.dk для обработки. Если вас это не устраивает, существуют другие решения, но они не выделяют синтаксис и в целом не так элегантны.
Например, вы можете использовать приведенный ниже 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))})();
В аналогичном совете используется отредактированная закладка, позволяющая запускать Firebug с Mobile Safari на iPhone или iPad, что может быть немного более полезным для некоторых веб-разработчиков.
Этот замечательный совет исходит от Michelsen.dk. Найдено через Twitter, вы можете следуй за нами и там
Кто знает, может быть, однажды Safari в iOS и iPadOS получит встроенную возможность просмотра исходного кода? А до тех пор вам придется полагаться на сторонние приложения или подобные инструменты.
Это отлично работало при тестировании, но некоторые пользователи сообщают о разных результатах в различных более поздних версиях Safari и iOS. Дайте нам знать в комментариях ниже, что работает для вас и какую версию iOS и iPad или iPhone вы используете.
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)