Czy kiedykolwiek chciałeś zobaczyć źródło strony internetowej z iPada lub iPhone'a? Niestety mobilne Safari nie zawiera tej funkcji samodzielnie i nie ma jeszcze wbudowanego zestawu narzędzi do mobilnego inspektora sieci, ale za pomocą niestandardowego skryptozakładki możesz wyświetlić źródło dowolnej strony internetowej bezpośrednio w systemach iOS i iPadOS.

W tym artykule dowiesz się, jak skonfigurować wyświetlanie źródła w przeglądarce Safari na iPada i iPhone'a za pomocą skryptozakładki i sztuczki javascript.

Jak wyświetlić źródło w Safari na iPada i iPhone'a

1. Otwórz Safari, jeśli jeszcze tego nie zrobiłeś
2. Utwórz zakładkę do tej strony internetowej (lub dowolnej innej) w Safari na iPadzie, iPhonie lub iPodzie touch i nazwij zakładkę jako „Wyświetl źródło”
3. Kliknij tutaj, aby wyświetlić javascript skryptozakładki, a następnie wybierz Zaznacz wszystko -> Kopiuj
4. Dotknij ikony zakładek na ekranie nowej przeglądarki Safari i dotknij opcji „Edytuj”, a następnie dotknij zakładki zapisanej w kroku 2
5. Wklej kod javascript skopiowany w kroku 3 do paska adresu URL, a następnie zapisz zmiany w zakładce, dotykając „Gotowe”
6. Teraz, gdy chcesz wyświetlić źródło strony internetowej na iPadzie lub iPhonie, otwórz menu Zakładki i wybierz „Wyświetl źródło”
7. Kod źródłowy pojawi się w podświetlonej składni z klikalnymi źródłowymi adresami URL

Jedną z ważnych rzeczy, na które należy zwrócić uwagę, jest to, że używany tutaj skrypt javascript wysyła przeglądaną stronę źródłową do serwera michelsen.dk w celu przetworzenia. Jeśli nie czujesz się z tym komfortowo, istnieją inne rozwiązania, ale nie podkreślają one składni i ogólnie nie są tak eleganckie.

Na przykład możesz użyć poniższego skryptu JavaScript jako skryptozakładki do przeglądania źródła, który nie będzie przetwarzany przez serwer zdalny, ale nie używa podświetlania składni:

javascript:(function(){var a=window.open('about:blank').document;a.write('Źródło '+lokalizacja. 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))})();

Podobna wskazówka wykorzystuje edytowaną zakładkę, aby umożliwić uruchamianie Firebuga z mobilnym Safari na iPhonie lub iPadzie, co może być nieco bardziej przydatne dla niektórych twórców stron internetowych.

Ta niesamowita wskazówka pochodzi z witryny Michelsen.dk. Znalezione na Twitterze, tam też możesz nas obserwować

Kto wie, może pewnego dnia Safari na iOS i iPadOS otrzyma natywną możliwość przeglądania źródła? Do tego czasu musisz polegać na aplikacjach lub narzędziach tej firmy.

To działało dobrze w testach, ale niektórzy użytkownicy zgłaszają różne wyniki w różnych nowszych wersjach Safari i iOS. Daj nam znać w komentarzach poniżej, co Ci odpowiada i jakiej wersji iOS oraz iPada lub iPhone'a używasz.