Несмотря на то, что приложения для iOS не совсем машины для разработки тем не менее, вы, как правило, найдете iPhone или iPad в наборе инструментов веб-дизайнера/разработчика. Хотя, если вы разработчик/издатель или просто тот, кто хочет просмотреть исходный код страницы или просмотреть все активы, развернутые на ней, вы обычно делаете это с компьютера.
Теперь iOS 8 значительно упростила просмотр исходного кода, ресурсов и ресурсов DOM страницы. А благодаря замечательным сторонним приложениям с поддержкой расширений вы можете делать это прямо в Safari (Chrome не поддерживается, поскольку расширения могут получать доступ к ДОМ только в Сафари).
Давайте поговорим о двух приложениях, которые помогут вам просматривать и сохранять исходный код любого веб-сайта, когда вы в пути.
Просмотр исходного кода для Safari
Посмотреть источник ($0,99) — простое и мощное приложение с расширением для Safari. Он стоит 0,99 доллара, но имеет множество функций.
После установки приложения перейдите в Safari, коснитесь значка Делиться кнопку, проведите вправо по нижнему ряду и коснитесь Более. Отсюда переключаться Посмотреть источник. Это активирует расширение.
Подробнее о расширениях iOS 8: Расширения iOS 8 быстро становятся мощный инструмент. Взгляни на как они работают, лучшие расширения для обменаи как одно расширение может помочь вам превратить Safari в полноценный загрузчик.
Теперь перейдите на страницу, коснитесь значка Делиться кнопку и выберите Посмотреть источник. Вы увидите исходный код страницы во всей красе. Нажмите Делиться кнопку, чтобы открыть собственный общий лист. Отсюда вы можете отправить код в приложение для заметок или по электронной почте.
Ниже вы увидите четыре кнопки — Assets, DOM, Script и Info.
Активы перечисляют все изображения на странице. Вы можете нажать на ссылку, чтобы увидеть предварительный просмотр и сохранить изображение.
ДОМ Кнопка покажет вам древовидную модель с иерархической структурой документов HTML, XML и SVG. Вы можете нажать на любой элемент, чтобы развернуть его.
Скрипт Кнопка позволяет писать и вставлять Javascript на любую страницу (локально). Информация панель показывает информацию о странице.
Серкфари
Серкфари ($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 для устранения неполадок веб-сайтов? Или посмотреть, что с ними не так? Дайте нам знать в комментариях ниже.
