Да предположим, че посещавате уебсайт, на който сте работили, и виждате някои проблеми. Трябва да прегледате изходния код на страницата на iPhone или iPad, за да намерите кода за грешка и да го коригирате. Отваряте Safari и полудявате да намерите бутона за преглед на изходния код на HTML в Safari без резултат. Какво правиш сега? Лесно е, просто прочетете тази статия!
Всеки разработчик на уебсайтове, програмист, софтуерен дизайнер, разработчик на приложения в App Store, създател на съдържание и уеб администратор знае колко важен е изходният код. В този етап от работата винаги трябва да разглеждате изходния код на уеб страница, за да коригирате проблемите, да отстраните грешки, да проектирате и да добавите стойност към уебсайта.
Въпреки че тази задача е доста лесна за устройства с Android и Windows, тя е също толкова трудна за устройства на Apple като iPhone, iPad, MacBook и iMac. Въпреки това в macOS функцията е налична, но скрита и можете да я намерите, като следвате това „Вижте изходния код на HTML в Safari” статия. За устройства с iOS обаче това е различна история.
Apple направи абсолютно трудно преглеждането на източници на страници на iPad/iPhone. Няма естествени, или трябва да кажа, лесни методи, които можете да докоснете или докоснете, за да получите изходния HTML код на уеб страниците. Но не полудявайте още. Вместо това прочетете тази статия до края, за да намерите най-добрите начини да научите как да преглеждате изходния код на страницата в Safari на iPhone или iPad.
Причини, поради които трябва да видите изходния код на страницата на iPhone/iPad
Намерете по-долу някои ситуации и причини да преглеждате източници на страници в Safari на iPad/iPhone:
- Трябва да видите изходния код на уеб страница за конкретно устройство, като iPhone или iPad. Ако влезете в уебсайта на Mac и прегледате изходния HTML код, ще видите елементите за настолната версия, а не за версиите за iPhone или iPad.
- Пътувате и искате да инвестирате времето си в разглеждане на кодове на уеб страници, за да получите нови идеи или да създадете план за отстраняване на грешки.
- Предпочитате да правите разработка на уебсайтове на вашия iPad, тъй като той идва с много многозадачни функции като Сценичен мениджър, Разделен изглед и др.
Затова следвайте методите по-долу, за да останете подготвени, ако във всеки един момент се появи необходимостта да видите изходния код на страницата на iPhone или iPad.
Най-добрите методи за преглед на изходния код на страницата на iPhone/iPad
По-долу са популярните начини за преглед на източниците на страници в HTML кодове на iPhone или iPad, без да използвате приложение на трета страна. Тези методи са подходящи за програмисти и крайни потребители, загрижени за поверителността и сигурността:
1. Вземете изходния HTML код с помощта на приложението Shortcuts
Този метод ще работи само ако използвате iOS 12.0 (iPadOS 12.0) и по-нова версия. Ето как да създадете пряк път за източник на страница за преглед на iPhone или iPad:
- Отвори Преки пътища приложение от началния екран или чекмеджето за приложения.
- Докоснете плюс (+) икона за създаване на нов празен пряк път.
- Въведете в полето за търсене HTML и изберете Направете HTML от Rich Text.
- Отново потърсете Бърз поглед приложение в полето за търсене и го добавете към редактора за пряк път.
- Сега докоснете иконата за пряк път в горната част и изберете Преименуване.
- Преименувайте го на Преглед на изходния код и докоснете Готово.
- Докоснете (i) бутон и включете Показване в лист за споделяне опция.
- Сега отворете браузъра Safari и посетете уеб страница по ваш избор.
- Докоснете Дял в приложението Safari и превъртете надолу, за да намерите Преглед на изходния код пряк път.
- Докоснете прекия път и ще получите изходния HTML код в Quick Look.
2. Вижте изходния код на страницата с помощта на скрипт за отметки
При този метод ще създадете отметка и URL адресът ще бъде изходен скрипт за преглед. Когато разглеждате която и да е уеб страница и трябва да видите източника на страницата в Safari, просто докоснете отметката. Ще получите изходен HTML код за страницата. Ето как се прави:
- Посетете произволен уебсайт и го маркирайте в браузъра си Safari за iPad или iPhone.
- Докоснете Safari меню в горния ляв ъгъл и отидете на Отметки.
- Докосване Любими за да намерите отметката, която току-що сте добавили.
- Докоснете дълго отметката и след това изберете редактиране в контекстното меню.
- Изчистете заглавието на съществуващия маркер и го преименувайте на HTML изходен код или нещо друго, само за да запомните отметката.
- Докоснете Адрес и изчистете съществуващия URL адрес.
- Копирайте и поставете следния код като URL (Създател на кода: Rob Flaherty):
javascript:(function(){var a=window.open('about: blank').document; a.write('');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))})();- Докоснете Свършен на клавиатурата, за да запазите промените, които сте направили досега.
- Сега отидете на уеб страницата, за която трябва да проверите изходния код.
- Отидете на Отметки меню и докоснете HTML изходен код отметка, която току-що създадохте.
- Трябва да видите HTML кода на страницата, която посещавате, в нов раздел на Safari.
Прочетете също:Как да управлявате отметки в Safari на iOS и Mac
3. Преглед на изходния код на страницата с помощта на macOS Tethering
Приложението Safari на iPhone и iPad идва с вграден инструмент Web Inspector. За съжаление функцията не работи директно на iPhone или iPad устройства. Трябва да свържете устройствата към MacBook или iMac. След това можете да използвате контролите на Mac Safari, за да визуализирате изходния HTML код. Процесът протича в две фази, както е описано по-долу:
Активирайте Web Inspector
Следвайте тези стъпки, за да включите Уеб инспектор функционалност на Safari за iPad и iPhone:
- На вашия iPhone или iPad отворете Настройки ап.
- Отидете на Настройки на Safari.
- Превъртете надолу до края на прозореца с настройки на Safari, за да намерите Разширено меню. Докоснете го.
- Активирайте Уеб инспектор като докоснете бутона за превключване.
Вижте изходния код на страницата на Mac Safari
Отидете на вашия Mac и изпълнете следните стъпки:
- Свържете iPhone или iPad с MacBook или iMac с помощта на USB кабела.
- Ако устройството не е било удостоверено по-рано, Mac ще ви помоли да го удостоверите с помощта на Apple ID.
- Сега отворете приложението Safari на Mac и посетете всеки уебсайт.
- В лентата с инструменти на Mac щракнете върху Развивайте се.
- Потърсете вашия iPad или iPhone в контекстното меню, което се отваря.
- Щракнете върху вашия iPad или iPhone, за да отворите нов прозорец на вашия Mac, който показва екрана на Safari на тези устройства.
- Сега отворете целевия уебсайт на вашия iPhone или iPad и прегледайте изходния код в браузъра Mac Safari.
Ако не сте съгласни с приложенията и инструментите на трети страни, тогава може да искате да разгледате и тези допълнителни методи за преглед на изходните HTML кодове на уеб страници:
4. Разширение на Safari – уеб инспектор
Можете да инсталирате разширението Web Inspector за браузъра Apple Safari на iPad и iPhone. След това извикайте разширението, когато разглеждате уеб страница, за да видите нейния изходен HTML код. Ето стъпките, които трябва да опитате:
- Отвори Настройки и отидете на Настройки на Safari раздел.
- Превъртете надолу, докато намерите Разширения опция. Докоснете го.
- Вътре в разширенията докоснете Още разширения.
- Ще се появи страницата на App Store за разширения на Safari.
- Докоснете Търсене кутия и тип Уеб инспектор и докоснете Търсене на клавиатурата.
- Намерете и инсталирайте приложението Web Inspector.
- Отново отидете на Настройки > Safari > Разширения > и докоснете Уеб инспектор.
- Използвайте бутона за превключване, за да активирате това разширение за Safari.
- Отворете Safari и посетете всеки уебсайт.
- Докоснете Разширения икона в десния страничен ъгъл на адресната лента.
- Изберете Уеб инспектор разширение.
- Избери Оставете за един ден опция в изскачащия прозорец, който се показва.
- Отново докоснете Разширения и след това докоснете Web Inspector.
- Изходният HTML код трябва да изскочи от долната част на уеб страницата, която разглеждате.
- Можете да превключвате между раздели като DOM, Elements, Console, Network и Resources.
- За да се върнете към нормалния изглед, просто докоснете разширението Web Inspector в секцията Extensions на Safari.
5. Приложение за iOS – Преглед на изходния код
Можете да го получите безплатно в App Store. В полето за търсене въведете Преглед на източника и докоснете Търсене. Ще видите множество резултати в App Store. Инсталирайте този, който казва View Source. Доставчикът на приложението е Roman Tomjak.
Отворете приложението от началния екран или чекмеджето за приложения. След това въведете URL адреса на уебсайта в неговата адресна лента, за да разкриете изходния HTML код.
Инструментът предоставя изглед на изходния код с размер на iPhone. Можете обаче да промените ориентацията или да увеличите, като използвате съответните бутони в долния десен ъгъл на екрана.
6. Вижте изходния код безплатно с помощта на Google Web Cache
Можете да изпълните следния чист и готин трик на посетените уебсайтове, за да видите основния им изходен код в Safari или Chrome:
- Посетете уеб страницата, за която трябва да намерите изходния HTML код.
- Докоснете адреса в адресната лента на Safari или Chrome.
- Поставете курсора за въвеждане в началото на адреса, както е показано на горното изображение.
- Сега въведете следния код преди https://
кеш:
- Удари Отивам бутон на клавиатурата на iOS.
- В горната част на страницата трябва да видите Виж източника опция. Докоснете го.
- Сега получавате изходния код на уеб страницата, която току-що сте посетили.
Прочетете също:Как да импортирате вашите отметки, пароли и други
7. Преглед на изходния код в уеб приложения
Има много уебсайтове, които ви позволяват да разкриете основните изходни кодове на уебсайтове и уеб страници безплатно или срещу малка такса. От всички тези уеб приложения избрах програмата за преглед на изходния код на CodeBeautify. Ето как работи:
- На iPhone или iPad отидете на тази връзка: Преглед на изходния код с помощта на браузъра Safari.
- В Въведете URL поле, въведете или копирайте и поставете URL адреса на уеб страницата, за който искате да разкриете изходния HTML код.
- Докоснете Преглед бутон за преглед на източника на страницата в браузър Safari на iPhone/iPad.
Заключение
И така, вече знаете всички трикове за преглед на изходния код на страницата на iPhone и iPad устройства. В тази статия открихте някои нативни и ненативни методи. Можете просто да се придържате към естествените трикове на iPad или iPhone, за да видите изходния HTML код на уеб страници или да използвате приложения, които правят задачата много по-лесна.
Кажете ми кой метод ви харесва, като оставите коментар по-долу. Също така споделете статията в социалните медии и WhatsApp, за да помогнете на вашите приятели, които учат разработка на уебсайтове и кодиране на приложения.
следващ, Как да научите Swift на Mac и iPad.