Как просмотреть исходные коды HTML веб-страницы на iPad / iPhone. Приложение не требуется.

Вы любите веб-сайты и хотите взглянуть на исходный код любого веб-сайта в Интернете? Если это так, то вы не одиноки. Один из самых частых вопросов для читателей, который мы видим, это как просмотреть исходные коды HTML с ЛЮБОЙ веб-страницы на iPhone (или другом iDevice – iPad или iPod Touch). К счастью, у нас есть решение благодаря разработчику Робу Флаэрти! В этой статье описываются шаги, необходимые для просмотра исходного кода (HTML, CSS, JavaScript и т. Д.) Для любой веб-страницы на ваших устройствах iDevices, включая iPad, iPhone или iPod touch. И самое главное, приложение не требуется!

Как просмотреть исходные коды HTML на iDevices

8 простых шагов, чтобы увидеть исходные коды HTML

  1. Нажмите Safari (iPhone, iPod или iPad), если он еще не открыт, и перейдите на эту страницу. Этот метод также работает для Chrome
  2. Выберите кнопку «Поделиться» (также известную как кнопка «Действие»):

  3. Нажмите Закладка :

  4. Выберите поле «Имя» и нажмите значок «Х», чтобы очистить его, назовите его «Показать источник страницы» и затем нажмите «Сохранить».

  5. Теперь посетите эту страницу, выберите все и скопируйте код javascript: ( код кредита: Rob Flaherty )

  6. Убедитесь, что код, который вы копируете с сайта Роба, выглядит так же, как этот (но скопируйте с этой страницы, НЕ снизу):
    1. javascript: (function () {var a = window.open ('about: blank'). document; a.write ('Источник' + location.href + ''); a.close (); var b = a. body.appendChild (a.createElement ( 'заранее')); b.style.overflow = 'авто'; b.style.whiteSpace = 'предварительно обертку'; b.appendChild (a.createTextNode (document.documentElement.innerHTML) )}) ();
  7. Нажмите значок « Закладки» и нажмите « Изменить» :

  8. Выберите закладку «Показать источник страницы», которую вы только что создали на шаге 4:

  9. Нажмите на поле адреса и нажмите значок X, чтобы очистить его, затем вставьте код JavaScript, скопированный на шаге 5; затем нажмите Готово

Это оно! Теперь вы можете перейти на любую веб-страницу с помощью мобильного Safari (и Chrome) на своем iDevice (iPhone, iPod или iPad), коснитесь значка « Закладки», затем коснитесь закладки «Показать исходную страницу», и откроется новое окно с исходным кодом страница в Интернете. Потрясающе и просто!

Конечные результаты для просмотра исходных кодов HTML

И, конечно, есть приложение для этого!

Если вам не нравится идея пройти кучу ручных шагов, App Store предлагает несколько приложений, которые сделают всю работу за вас! Найдите сторонние приложения, такие как View Source, Source for Webpage, Source Browser и аналогичные приложения, которые позволяют просматривать исходный код HTML. С помощью этих приложений вы получаете доступ ко всему исходному коду HTML вашего любимого сайта, CSS, а в некоторых приложениях - к любому Javascript. Некоторые из этих приложений даже предлагают расширение Safari для устройств iOS и включают встроенную подсветку синтаксиса и функции поиска!

С этими приложениями просмотр исходного кода является плавным, одношаговым процессом. Просто введите URL и сразу же увидите исходный код. Или используйте расширение Safari в приложении и просматривайте веб-страницы, как обычно. Затем, когда вы хотите просмотреть источник для вашей текущей страницы, все, что вам нужно сделать, это нажать на значок «Действие» и выбрать «Просмотр источника». Легко скопировать текст на ваш монтажный картон для использования в других приложениях или даже отправить его по электронной почте.