Как посмотреть исходный код страницы на iPhone: 5 рабочих способов
В мобильном Safari на iPhone нет привычной кнопки «Показать исходный код» — той самой функции, которая есть в Safari на Mac и в десктопных браузерах. Поэтому посмотреть HTML страницы прямо на айфоне можно только обходными путями. Ниже — пять способов, от самого простого до профессионального, рабочих на актуальной iOS (на июнь 2026 это iOS 26.5 и 26.5.1).
Почему в Safari на iPhone нет кнопки «View Source»
Главное, что нужно понять: мобильный Safari не умеет показывать исходный код страницы штатно. Здесь нет ни пункта меню, ни сочетания клавиш — в отличие от Safari на Mac, где код открывается в пару кликов.
Старые инструкции тоже стоит забыть. Совет «введите view-source: перед адресом сайта» на iPhone и iPad не работает: схема view-source в адресной строке мобильного Safari не поддерживается, хотя в Chrome и Firefox на компьютере она открывает код напрямую. Так что если вы наткнулись на такой совет — он устарел.
При этом задачу всё равно можно решить — встроенными инструментами Apple и парой сторонних, о них дальше. Если вы только настраиваете браузер под себя, заодно загляните в наш разбор, как правильно настроить Safari — там собраны базовые опции, которые пригодятся дальше.
Способ через приложение «Команды» — без сторонних программ
Самый чистый вариант — встроенное приложение «Команды» (Shortcuts). Оно есть на iPhone по умолчанию, и способ работает начиная с iOS 12, то есть на любой актуальной версии системы.
Что нужно сделать:
- Откройте «Команды» и создайте новую команду.
- Добавьте действие «Make HTML from Rich Text», а следом — «Quick Look».
- Переименуйте команду в «View Source Code».
- В настройках команды включите «Показать в меню Поделиться» (Show in Share Sheet).
После этого на любой странице в Safari нажмите кнопку «Поделиться», выберите свою команду — и исходный код страницы откроется прямо на экране. Никаких сторонних приложений и подключения к компьютеру.
Закладка-букмарклет: универсальный способ для Safari
Второй способ без приложений — закладка с JavaScript внутри (такую закладку называют букмарклетом). По сути это кусочек кода, сохранённый как адрес закладки: при нажатии он открывает HTML текущей страницы в новой вкладке.
Поскольку Safari не даёт вписать код вручную при создании закладки, делают так: сохраняют любую страницу в закладки, затем редактируют закладку и заменяют её адрес на нужный код. Рабочий вариант для iOS, который выводит код в читаемом виде:
javascript:(function(){var a=window.open('about:blank').document;a.write('');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))})();
Теперь на нужной странице достаточно открыть эту закладку — и код покажется в новом окне в удобном для чтения формате. Вариант хорош тем, что не зависит от приложений и переносится между устройствами вместе с закладками.
Приложения и расширения Safari для просмотра HTML
Если возиться с настройками не хочется, есть готовые инструменты. Бесплатное приложение «View Source» (разработчик Roman Tomjak) добавляет пункт в меню «Поделиться» Safari либо позволяет ввести адрес сайта и сразу увидеть его код.
Отдельно стоит расширение «Web Inspector». Оно ставится через «Настройки» → «Safari» → «Расширения» → «Ещё расширения», а после активации вызывается тапом по иконке расширений в адресной строке. Есть и расширение с открытым кодом «view-source-for-ios», которое повторяет привычный десктопный просмотр кода. Если вы вообще активно пользуетесь дополнениями, посмотрите подборку расширений для Safari — там объясняется, как они работают.
Онлайн-сервис для iPad без установки приложений
Для iPad есть совсем лёгкий путь, который не требует ничего ставить. Откройте онлайн-вьюер CodeBeautify (codebeautify.org/source-code-viewer), вставьте адрес страницы и нажмите View — код покажется прямо в браузере.
На iPad даже с мышью и трекпадом штатной кнопки «Показать исходный код», как на Mac, по-прежнему нет, и методы остаются теми же, что и для iPhone. Так что онлайн-сервис — это самый быстрый способ глянуть код на планшете без лишних движений.
Web Inspector через подключение iPhone к Mac
Если нужен полноценный разбор страницы — с HTML, стилями, консолью и сетевыми запросами, — подойдёт профессиональный способ через Mac. Сначала на iPhone откройте «Настройки» → «Safari» → «Дополнения» и включите «Веб-инспектор». Если переключателя нет, сначала активируйте режим разработчика в «Настройки» → «Конфиденциальность и безопасность».
На Mac включите меню «Разработка»: «Safari» → «Настройки» → «Дополнения» → «Показать функции для веб-разработчиков». Учтите, что в macOS Sonoma 14.4 и новее формулировка изменилась со старой «Show Develop menu in menu bar» на «Show features for web developers», поэтому старые скриншоты вводят в заблуждение.
Дальше подключите iPhone к Mac по кабелю, откройте в Safari на компьютере меню «Разработка», выберите имя своего iPhone и нужную вкладку — откроется полноценный инспектор с кодом страницы. Это перебор для бытовых задач, но незаменимо, когда нужно реально разбираться, как устроен сайт.
Какой способ выбрать
Если код нужен изредка и по-быстрому — хватит онлайн-сервиса на iPad или приложения из App Store. Тем, кто не хочет ставить лишнее, подойдёт команда в приложении «Команды». А полноценный Web Inspector через Mac имеет смысл осваивать только тем, кто действительно копается в вёрстке — для разового просмотра HTML это явный перебор. И ещё один совет: букмарклет стоит продублировать на всех устройствах, тогда код любой страницы открывается в одно касание. В новой версии системы браузер заметно прокачали — мы собирали новые функции Safari в iOS 26, так что заодно стоит проверить, что ещё появилось.
