Искали ли сте някога да видите изходния код на уеб страница от iPad или iPhone? За съжаление мобилното Safari не включва функцията сама по себе си и все още няма вграден инструментариум за мобилен уеб инспектор, но с помощта на персонализиран отметка можете да видите изходния код на всяка уеб страница направо в iOS и iPadOS.

Тази статия ще ви покаже как можете да се настроите, така че да можете да преглеждате изходния код в Safari за iPad и iPhone, като използвате отметка и трик с javascript.

Как да видите изходния код в Safari за iPad и iPhone

1. Отворете Safari, ако вече не сте го направили
2. Отбележете тази уеб страница (или която и да е друга) със Safari на iPad, iPhone или iPod touch и наименувайте отметката „Преглед на изходния код“
3. Щракнете тук, за да видите javascript маркера и след това изберете Избор на всички -> Копиране
4. Докоснете иконата на отметка в новия екран на браузъра Safari и докоснете „Редактиране“, след което докоснете отметката, която сте запазили в стъпка 2
5. Поставете javascript кода, който сте копирали в стъпка 3, в URL лентата и след това запазете промените в отметката, като докоснете „Готово“
6. Сега, когато искате да видите източник на уеб страници на iPad или iPhone, отворете менюто с отметки и изберете „Преглед на източника“
7. Изходният код ще се появи в маркиран синтаксис с изходни URL адреси, върху които може да се кликне

Едно важно нещо, което трябва да се отбележи, е, че използваният тук javascript изпраща страницата, към която гледате източника, към сървъра michelsen.dk за обработка. Ако това не ви харесва, има и други решения, но те няма да подчертаят синтаксиса и не са толкова елегантни като цяло.

Например, можете да използвате Javascript по-долу като отметка, за да видите и източника, който няма да обработва през отдалечен сървър, но не използва осветяване на синтаксиса:

javascript:(function(){var a=window.open('about:blank').document;a.write('Източник на '+location. href+'');a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap ';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();

Подобен съвет използва редактиран отметка, за да ви позволи да стартирате Firebug с Mobile Safari и на iPhone или iPad, което може да е малко по-полезно за някои уеб разработчици.

Този страхотен съвет идва от Michelsen.dk. Намерени чрез Twitter, можете да ни следвате и там

Кой знае, може би един ден Safari в iOS и iPadOS ще получи вградена възможност за преглед на изходния код? Дотогава ще трябва да разчитате на приложения или инструменти на тази страна като този.

Това работи добре при тестване, но някои потребители докладват различни резултати за различни по-нови версии на Safari и iOS. Кажете ни в коментарите по-долу какво работи за вас и каква версия на iOS и iPad или iPhone използвате.