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

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


DSC 0433

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

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

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

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

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

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

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


Изображение 2418

Изображение 2419

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

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

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


Изображение 2421

Изображение 2422

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

Srcfari

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


Изображение 2426

Изображение 2428

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


Изображение 2429

Изображение 2430

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

Заключение

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

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

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *