Просмотр исходного кода сайта в Safari на iOS

Мар 31 • iOS • 11286 Просмотров • 3 комментария к записи Просмотр исходного кода сайта в Safari на iOS

Вам когда-либо нужно было просмотреть исходный код страницы с iPad или iPhone? К сожалению, изначально мобильная версия Safari не обладает такой функцией.

Просмотр исходного кода сайта в Safari на iPhone или iPad

Однако решение этой проблемы нашел веб-разработчик Оле Михельсен:

  1. Добавьте эту страницу (или любую другую) в закладки в Safari на iPad, iPhone или iPod touch и назовите ее «View Source».
  2. Скопируйте следующий Javascript-код:
    javascript:(function(){var d=window.open("about:blank"),a=d.document;a.write("Loading Source");a.close();var b=a.body.appendChild(a.createElement("form"));b.setAttribute("method","post");b.setAttribute("action","http://ole.michelsen.dk/viewsource/?uri="+location.href);var c=b.appendChild(a.createElement("input"));c.setAttribute("type","hidden");c.setAttribute("name","DOM");c.setAttribute("value",encodeURIComponent(document.documentElement.innerHTML));b.submit()})()
  3. Нажмите на иконку Bookmark в новом экране Safari, затем отредактируйте только что созданную закладку из пункта 1 с помощью кнопки Edit.
  4. Вставьте скопированный Javascript-код код в поле URL и сохраните изменения с помощью кнопки Done.

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

Стоит отметить, что используемый Javascript отправляет просматриваемую страницу для обработки на сервер Оле Михельсена (michelsen.dk). Есть и другие решения для просмотра исходного кода на iPad и iPhone, но они не подсвечивают синтаксис и даже близко не стоят по изящности решения.

comments powered by Disqus

« »

53207074 Яндекс.Метрика