Как да видите изходния код на уеб страницата на iPhone и iPad
Miscellanea / / December 02, 2021
Въпреки че приложенията за iOS не са съвсем машини за разработка все пак обикновено ще намерите iPhone или iPad в инструментариума на уеб дизайнер/разработчик. Въпреки че ако сте разработчик/издател или просто някой, който иска да види изходния код на страница или да прегледа всички активи, разположени на нея, обикновено го правите от компютъра.
Сега iOS 8 направи много по-лесно преглеждането на източник, активи и DOM ресурси на страница. И благодарение на страхотни приложения на трети страни с поддръжка на разширения, можете да го направите направо в Safari (Chrome не се поддържа, защото разширенията имат достъп DOM само в Safari).
Нека поговорим за двете приложения, които ще ви помогнат да преглеждате и запазвате изходния код за всеки уебсайт, когато сте на път.
Вижте разширението на източника за Safari
Виж източника ($0,99) е просто и мощно приложение с разширение за Safari. Той струва $0,99, но идва с много функции.
След като приложението е инсталирано, отидете на Safari, докоснете Дял бутон, плъзнете надясно в долния ред и докоснете
| Повече ▼. От тук превключете Виж източника. Това ще активира разширението.Повече за разширенията за iOS 8: Разширенията за iOS 8 бързо се превръщат в мощен инструмент. Погледни как работят, на най-добрите разширения за споделяне, и как едно разширение може да ви помогне да включите Safari в пълноценна програма за изтегляне.
Сега отидете на страницата, докоснете Дял бутон и изберете Виж източника. Ще видите изходния код на страницата в целия му блясък. Докоснете Дял бутон, за да изведете собствения лист за споделяне. От тук можете да изпратите кода до приложение за бележки или да го изпратите по имейл.
По-долу ще видите четири бутона – Активи, DOM, Скрипт и Информация.
Активите изброяват всички изображения на страницата. Можете да докоснете връзка, за да видите визуализация и да запазите изображението.
В DOM бутонът ще ви покаже модел на дърво с йерархична структура на HTML, XML и SVG документите. Можете да докоснете всеки елемент, за да го разширите.
В Скрипт бутонът ви позволява да пишете и инжектирате Javascript във всяка страница (локално). В Информация панелът показва информация за страницата.
Srcfari
Srcfari ($0,99) е алтернатива на View Source. Докато приложението ще ви покаже изходния код и активи като изображения, CSS стилове и скриптове, изпълнявани на страницата, ще трябва да го направите от самото приложение. Няма разширение за Safari за Srcfari.
Въпреки това използването на Srcfari изобщо не е лошо изживяване. Приложението има хубава типография и върши много по-добра работа при разбиването на активи по скриптове, CSS и изображения, отколкото приложението View Source. Една забележка, която имам към Srcfari, е, че той активира обвиване на текст за CSS стилове, но не и когато преглеждате целия източник (което прави приложението View Source). Това означава, че ще има голямо количество панорамиране и мащабиране, поне на iPhone.
Освен това Srcfari е обичайната афера. Можете да копирате изходния код в клипборда си или да го изпратите по имейл на някого. Можете също да запазвате изображения с помощта на приложението.
Заключение
Safari вероятно вече е вашият предпочитан браузър в iOS (най-вече защото iOS не ви позволява да изберете Chrome по подразбиране). Ако трябва да преглеждате изходния код доста често, приложението View Source за $0,99 с неговото разширение Safari ще си струва цената.
Обикновено използвате ли вашия iPhone или iPad за отстраняване на неизправности в уебсайтове? Или да видим какво им е? Уведомете ни в коментарите по-долу.