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

Хотя приложения для iOS не совсем машины для разработки тем не менее, вы обычно найдете iPhone или iPad в наборе инструментов веб-дизайнера / разработчика. Хотя, если вы разработчик / издатель или просто кто-то, кто хочет просмотреть исходный код страницы или просмотреть все ресурсы, развернутые на ней, вы обычно делаете это с компьютера.

Теперь iOS 8 упростила просмотр исходного кода, ресурсов и ресурсов DOM страницы. А благодаря замечательным сторонним приложениям с поддержкой расширений вы можете делать это прямо в Safari (Chrome не поддерживается, потому что расширения могут получать доступ к ДОМ только в Safari).

Давайте поговорим о двух приложениях, которые помогут вам просматривать и сохранять исходный код любого веб-сайта, когда вы находитесь в дороге.

Просмотреть исходное расширение для Safari

Посмотреть источник (0,99 $) - это простое и мощное приложение с расширением Safari. Он стоит 0,99 доллара США, но имеет множество функций.

После установки приложения перейдите в Safari, коснитесь значка

Делиться кнопку, проведите вправо в нижнем ряду и коснитесь Более. Отсюда переключить Посмотреть источник. Это включит расширение.

Подробнее о расширениях iOS 8: Расширения iOS 8 быстро становятся мощный инструмент. Взгляни на как они работают, то лучшие расширения для общего доступа, и как одно расширение может помочь вам превратить Safari в полноценный загрузчик.

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

Ниже вы увидите четыре кнопки - Assets, DOM, Script и Info.

В активах перечислены все изображения на странице. Вы можете нажать на ссылку, чтобы просмотреть предварительный просмотр и сохранить изображение.

В ДОМ Кнопка покажет вам древовидную модель с иерархической структурой документов HTML, XML и SVG. Вы можете нажать на любой элемент, чтобы развернуть его.

В Сценарий Кнопка позволяет писать и внедрять Javascript на любую страницу (локально). В Информация панель показывает информацию о странице.

Srcfari

Srcfari (0,99 $) - альтернатива View Source. Хотя приложение покажет вам исходный код и ресурсы, такие как изображения, таблицы стилей CSS и скрипты, запущенные на странице, вам придется делать это из самого приложения. Для Srcfari нет расширения Safari.

Тем не менее, использование Srcfari - неплохой опыт. Приложение имеет красивую типографику и намного лучше справляется с разбивкой ресурсов по скриптам, CSS и изображениям, чем приложение View Source. Одна проблема, которую я испытываю с Srcfari, заключается в том, что он включил перенос текста для таблиц стилей CSS, но не тогда, когда вы просматриваете весь исходный код (что делает приложение View Source). Это означает, что потребуется изрядное количество панорамирования и масштабирования, по крайней мере, на iPhone.

В остальном Сркфари - обычное дело. Вы можете скопировать исходный код в буфер обмена или отправить его кому-нибудь по электронной почте. Вы также можете сохранять изображения с помощью приложения.

Заключение

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

Вы обычно используете свой iPhone или iPad для устранения неполадок на веб-сайтах? Или посмотреть, что с ними не так? Дайте нам знать в комментариях ниже.