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

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

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

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

Расширение исходного кода для Safari

View Source ($ 0, 99) - это простое и мощное приложение с расширением Safari. Это стоит $ 0, 99, но поставляется с большим количеством функций.

После установки приложения перейдите в Safari, нажмите кнопку « Поделиться», проведите вправо в нижнем ряду и нажмите « Еще». Отсюда переключение View Source. Это включит расширение.

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

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

Ниже вы увидите четыре кнопки - Активы, DOM, Скрипт и Информация.

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

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

Кнопка « Сценарий» позволяет писать и вставлять Javascript на любой странице (локально). На панели « Информация» отображается информация о странице.

Srcfari

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

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

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

Заключение

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

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