Просмотр исходного кода сайта в Safari на iOS
Вам когда-либо нужно было просмотреть исходный код страницы с iPad или iPhone? К сожалению, изначально мобильная версия Safari не обладает такой функцией.
Однако решение этой проблемы нашел веб-разработчик Оле Михельсен:
- Добавьте эту страницу (или любую другую) в закладки в Safari на iPad, iPhone или iPod touch и назовите ее «View Source».
- Скопируйте следующий 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()})()
- Нажмите на иконку Bookmark в новом экране Safari, затем отредактируйте только что созданную закладку из пункта 1 с помощью кнопки Edit.
- Вставьте скопированный Javascript-код код в поле URL и сохраните изменения с помощью кнопки Done.
Теперь, когда вам захочется просмотреть исходный код страницы, вы можете открыть меню Bookmarks и выбрать закладку «View Source». Перед вами откроется полноценный исходный код с подсветкой синтаксиса и кликабельными ссылками.
Стоит отметить, что используемый Javascript отправляет просматриваемую страницу для обработки на сервер Оле Михельсена (michelsen.dk). Есть и другие решения для просмотра исходного кода на iPad и iPhone, но они не подсвечивают синтаксис и даже близко не стоят по изящности решения.
javascript:alert(document.documentElement.innerHTML)
в адресную строку
Да, но смотреть код вот так, как-то неудобно.
Как-то не очень. В коде появляется куча левых тегов