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

Я уже рассказывала, как посмотреть исходный код страницы в браузере Google Chrome: я использую именно его на рабочем десктопе и планшете Samsung Galaxy Tab. А вот с браузером Safari, оказывается, все не так просто: опции «показать исходный код страницы» в нем нет. Но я нашла способ, как обладатели Apple-устройств могут обойти данное ограничение.

Гуляли по просторам сети и увидели интересное оформление страницы? Чтобы взять на заметку удачные моменты и скопировать часть кода, не обязательно бежать к десктопу: задачу можно решить и силами вашего iPhone или iPad. Инструкция ниже.

Как посмотреть исходный код интернет-страницы (HTML) на iPhone или iPad

Если вы так или иначе имеете отношение к веб-разработке (по учебе, работе или просто из личного интереса), вам рано или поздно потребуется посмотреть исходный код сайта на вашем смартфоне или планшете Apple. Но как это сделать?

Как посмотреть исходный код интернет-страницы на Айфоне или Айпаде

Для начала нам потребуется соответствующее приложение. В App Store таких программ достаточно много, и большинство из них предлагают удобные инструменты вроде подсветки синтаксиса.

Хороший вариант для работы с HTML – приложение HTML Viewer Q. Программа распространяется бесплатно и предлагает весь необходимый функционал. Скачать приложение можно из App Store.

После того, как программа будет загружена и установлена на ваш iPhone или iPad, сделайте следующее:

1. Откройте приложение HTML Viewer Q на вашем устройстве.

2. Нажмите на кнопку Link в правом верхнем углу.

3. Введите полный URL-адрес страницы, для которой вы хотите посмотреть код, и нажмите кнопку Go.

4. После того, как страница загрузится, нажмите на кнопку Код в верхнем левом углу экрана.

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

При тестировании мобильной версии сайта мне нужно было иногда смотреть исходный код HTML-страницы. Я задумался как это сделать? Не буду долго рассказывать зачем это нужно. Думаю, тому кому нужно, тот и так в курсе зачем эта инструкция. Все остальные могут или прочитать и сделать пометку на будущее или пройти мимо.

Я нашёл два способа просмотра исходного кода сайта. Первый подходит для Safari.

Способ 1. От программиста Ole Michelsen.

1. Копируем нижеследующий код в буфер обмена.

2. Теперь добавляем эту или любую страницу в закладки. Название закладки можно сразу поменять на “Просмотр кода”.

3. Редактируем закладку. Вместо адреса сайта вставляем код из буфера обмена. Сохраняем.

Теперь, находясь на нужной странице, открываем закладку “Просмотр кода”. Открывается исходный код страницы.

Способ 2. Приложение из App Store

Скачиваем приложение из App Store. Например, Srcfari — the view html source code browser.

Заходим в него. Открываем нужный сайт. Кликаем по кнопке в правом верхнем углу и открывается исходный код страницы.

Также программа может вычислять список скриптов на странице и открывать их в отдельном окне по желанию пользователя. К сожалению, в приложении нет вкладок.

Сейчас программа стоит 119 рублей.

В App Store существуют и аналоги. Например, программа View-Source тоже умеет открывать исходный код, только в тёмной цветовой гамме.

Как просматривать исходный код веб-страницы с iPhone или iPad

Предвзятое отношение профессионалов к iOS как операционной системе, абсолютно непригодной для работы, тянется из глубины времен и живет скорее по наитию, чем по причине сколь-нибудь веских оснований. Вся прелесть мобильной ОС от Apple кроется в приложениях, большинство из которых способны выполнять вполне десктопные задачи, позволяя не только сочинять музыку и монтировать видео, но даже просматривать HTML-код.

• Для того чтобы иметь возможность просматривать HTML-код веб-сайтов прямо с iPhone или iPad, загрузите из App Store бесплатное приложение HTML Viewer Q.
• Дождитесь установки ПО, после чего запустите его и откройте поисковую строку нажатием на соответствующую пиктограмму в правом верхнем углу экрана.

• Теперь введите полный адрес искомой веб-страницы, используя протокол «http» так, как показано на скриншоте, и нажмите Go.

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

Название: HTML Viewer Q
Издатель/разработчик: Spica
Цена: Бесплатно
Встроенные покупки: Нет
Совместимость: Универсальное приложение
Ссылка: Установить