Załóżmy, że odwiedzasz witrynę, nad którą pracowałeś, i widzisz pewne usterki. Musisz wyświetlić źródło strony na iPhonie lub iPadzie, aby znaleźć błędny kod i go naprawić. Otwierasz Safari i zwariowałeś, aby znaleźć przycisk widoku kodu źródłowego HTML w Safari bezskutecznie. Co teraz robisz? To proste, po prostu przeczytaj ten artykuł!
Każdy twórca stron internetowych, programista, projektant oprogramowania, twórca aplikacji App Store, twórca treści i webmaster wie, jak ważny jest kod źródłowy. W tej części pracy zawsze musisz spojrzeć na kod źródłowy strony internetowej, aby naprawić problemy, debugować, zaprojektować i dodać wartość do witryny.
Chociaż to zadanie jest dość łatwe na urządzeniach z systemem Android i Windows, jest równie trudne na urządzeniach Apple, takich jak iPhone, iPad, MacBook i iMac. Chociaż w systemie macOS ta funkcja jest dostępna, ale ukryta i można ją znaleźć, postępując zgodnie z tym „Zobacz kod źródłowy HTML w Safari” artykuł. Jednak w przypadku urządzeń z systemem iOS to inna historia.
Apple całkowicie utrudniło przeglądanie źródeł stron na iPadzie/iPhonie. Nie ma żadnych natywnych, a powinienem powiedzieć łatwych metod, które można stuknąć lub dotknąć, aby uzyskać kod źródłowy HTML stron internetowych. Ale nie szalej jeszcze. Zamiast tego przeczytaj ten artykuł do końca, aby znaleźć najlepsze sposoby, aby dowiedzieć się, jak wyświetlić źródło strony w Safari na iPhonie lub iPadzie.
Powody, dla których musisz wyświetlić źródło strony na iPhonie / iPadzie
Poniżej znajdziesz kilka sytuacji i powodów, dla których warto przeglądać źródła stron w Safari na iPadzie/iPhonie:
- Musisz wyświetlić źródło strony internetowej dla określonego urządzenia, takiego jak iPhone lub iPad. Jeśli uzyskasz dostęp do witryny na komputerze Mac i wyświetlisz kod źródłowy HTML, zobaczysz elementy wersji na komputer, a nie wersje na iPhone'a lub iPada.
- Podróżujesz i chcesz poświęcić swój czas na przeglądanie kodów stron internetowych, aby uzyskać nowe pomysły lub stworzyć plan debugowania.
- Wolisz tworzyć strony internetowe na iPadzie, ponieważ ma on wiele funkcji wielozadaniowych, takich jak Kierownik sceny, widok podzielony itp.
Dlatego postępuj zgodnie z poniższymi metodami, aby być przygotowanym na wypadek konieczności wyświetlenia źródła strony na iPhonie lub iPadzie w dowolnym momencie.
Najlepsze metody przeglądania źródła strony na iPhonie / iPadzie
Poniżej znajdują się popularne sposoby przeglądania źródeł stron w kodach HTML na iPhonie lub iPadzie bez korzystania z aplikacji innych firm. Te metody są odpowiednie dla programistów i użytkowników końcowych, którym zależy na prywatności i bezpieczeństwie:
1. Uzyskaj kod źródłowy HTML za pomocą aplikacji Skróty
Ta metoda będzie działać tylko wtedy, gdy używasz systemu iOS 12.0 (iPadOS 12.0) lub nowszego. Oto jak utworzyć skrót do źródła strony widoku na iPhonie lub iPadzie:
- Otworzyć Skróty aplikację z ekranu głównego lub szuflady aplikacji.
- Stuknij w plus (+) ikonę, aby utworzyć nowy pusty skrót.
- W polu wyszukiwania wpisz HTML i wybierz Twórz HTML z tekstu sformatowanego.
- Ponownie poszukaj Szybkie spojrzenie app w polu wyszukiwania i dodaj ją do edytora skrótów.
- Teraz dotknij ikony skrótu u góry i wybierz Przemianować.
- Zmień nazwę na Wyświetl kod źródłowy i dotknij Gotowe.
- Stuknij w (I) przycisk i włącz Pokaż w arkuszu udostępniania opcja.
- Teraz otwórz przeglądarkę Safari i odwiedź wybraną stronę internetową.
- Dotknij Udział w aplikacji Safari i przewiń w dół, aby znaleźć Wyświetl kod źródłowy skrót.
- Dotknij skrótu, aby uzyskać kod źródłowy HTML w Szybkim przeglądzie.
2. Wyświetl źródło strony za pomocą skryptu zakładek
W tej metodzie utworzysz zakładkę, a adres URL będzie skryptem źródła widoku. Gdy przeglądasz dowolną stronę internetową i chcesz wyświetlić źródło strony w przeglądarce Safari, po prostu stuknij zakładkę. Otrzymasz kod źródłowy HTML strony. Oto jak to się robi:
- Odwiedź losową stronę internetową i dodaj ją do zakładek w przeglądarce Safari na iPada lub iPhone'a.
- Stuknij w menu Safari w lewym górnym rogu i przejdź do Zakładki.
- Dotykać Ulubione aby znaleźć właśnie dodaną zakładkę.
- Długo dotknij zakładki, a następnie wybierz Edytować w menu kontekstowym.
- Wyczyść istniejący tytuł zakładki i zmień jego nazwę na Kod źródłowy HTML lub cokolwiek innego, aby zapamiętać zakładkę.
- Stuknij w Adres pole i wyczyść istniejący adres URL.
- Skopiuj i wklej następujący kod jako adres URL (twórca kodu: Rob Flaherty):
javascript:(function(){var a=window.open('informacje: puste').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))})();- Uzyskiwać Zrobione na klawiaturze, aby zapisać zmiany wprowadzone do tej pory.
- Teraz przejdź do strony internetowej, której kod źródłowy chcesz sprawdzić.
- Idź do Zakładki menu i dotknij Kod źródłowy HTML zakładka, którą właśnie utworzyłeś.
- Powinieneś zobaczyć kod HTML odwiedzanej strony na nowej karcie Safari.
Przeczytaj także:Jak zarządzać zakładkami w Safari na iOS i Mac
3. Wyświetl źródło strony za pomocą tetheringu w systemie macOS
Aplikacja Safari na iPhone'a i iPada ma wbudowane narzędzie Web Inspector. Niestety ta funkcja nie działa bezpośrednio na urządzeniach iPhone lub iPad. Musisz powiązać urządzenia z komputerem MacBook lub iMac. Następnie możesz użyć elementów sterujących przeglądarki Mac Safari do wizualizacji kodu źródłowego HTML. Proces przebiega w dwóch fazach, jak opisano poniżej:
Aktywuj Inspektora sieci
Wykonaj poniższe czynności, aby włączyć Inspektor sieci funkcjonalność w przeglądarce Safari na iPada i iPhone'a:
- Na iPhonie lub iPadzie otwórz plik Ustawienia aplikacja.
- Iść do Ustawienia Safari.
- Przewiń w dół do dolnej części okna Ustawienia Safari, aby znaleźć Zaawansowany menu. Stuknij w to.
- Aktywuj Inspektor sieci dotykając przycisku przełączania.
Wyświetl źródło strony w przeglądarce Mac Safari
Przejdź do komputera Mac i wykonaj następujące kroki:
- Podłącz iPhone'a lub iPada do MacBooka lub iMaca za pomocą kabla USB.
- Jeśli urządzenie nie zostało uwierzytelnione wcześniej, Mac poprosi o uwierzytelnienie za pomocą Apple ID.
- Teraz otwórz aplikację Safari na komputerze Mac i odwiedź dowolną witrynę internetową.
- Na pasku narzędzi Maca kliknij Rozwijać.
- Poszukaj swojego iPada lub iPhone'a w otwartym menu kontekstowym.
- Kliknij iPada lub iPhone'a, aby otworzyć nowe okno na Macu, które pokazuje ekran Safari tych urządzeń.
- Teraz otwórz docelową witrynę na swoim iPhonie lub iPadzie i wyświetl kod źródłowy w przeglądarce Mac Safari.
Jeśli nie masz nic przeciwko aplikacjom i narzędziom innych firm, możesz również zapoznać się z tymi dodatkowymi metodami przeglądania kodów źródłowych HTML stron internetowych:
4. Rozszerzenie Safari – Inspektor sieci
Możesz zainstalować rozszerzenie Web Inspector dla przeglądarki Apple Safari na iPadzie i iPhonie. Następnie wywołaj rozszerzenie podczas przeglądania strony internetowej, aby wyświetlić kod źródłowy HTML. Oto kroki, które powinieneś wypróbować:
- Otworzyć Ustawienia aplikację i przejdź do Ustawienia Safari Sekcja.
- Przewiń w dół, aż znajdziesz Rozszerzenia opcja. Stuknij w to.
- Wewnątrz rozszerzeń stuknij Więcej rozszerzeń.
- Pojawi się strona App Store dla rozszerzeń Safari.
- Dotknij Szukaj pudełko i typ Inspektor sieci i stuknij Szukaj na klawiaturze.
- Znajdź i zainstaluj aplikację Web Inspector.
- Ponownie przejdź do Ustawienia > Safari > Rozszerzenia > i stuknij Inspektor sieci.
- Użyj przycisku przełączania, aby aktywować to rozszerzenie dla Safari.
- Otwórz Safari i odwiedź dowolną stronę internetową.
- Stuknij w Rozszerzenia ikona w prawym rogu paska adresu.
- Wybierz Inspektor sieci rozszerzenie.
- Wybierz Pozwól na jeden dzień opcję w wyskakującym okienku.
- Ponownie dotknij Rozszerzenia ikonę, a następnie dotknij opcji Inspektor sieci.
- Kod źródłowy HTML powinien pojawić się u dołu przeglądanej strony internetowej.
- Możesz przełączać się między zakładkami, takimi jak DOM, Elementy, Konsola, Sieć i Zasoby.
- Aby wrócić do normalnego widoku, po prostu dotknij rozszerzenia Web Inspector w sekcji Rozszerzenia przeglądarki Safari.
5. Aplikacja na iOS – Wyświetl źródło
Można ją pobrać za darmo w App Store. W polu wyszukiwania wpisz Wyświetl źródło i dotknij Szukaj. Zobaczysz wiele wyników w App Store. Zainstaluj ten, który mówi Wyświetl źródło. Dostawcą aplikacji jest Roman Tomjak.
Otwórz aplikację z ekranu głównego lub szuflady aplikacji. Następnie wpisz adres URL witryny w pasku adresu, aby wyświetlić kod źródłowy HTML.
Narzędzie daje widok kodu źródłowego wielkości iPhone'a. Możesz jednak zmienić orientację lub powiększyć obraz za pomocą odpowiednich przycisków w prawym dolnym rogu ekranu.
6. Zobacz kod źródłowy za darmo, korzystając z Google Web Cache
Możesz wykonać następującą zgrabną i fajną sztuczkę na odwiedzanych stronach internetowych, aby wyświetlić ich podstawowy kod źródłowy w Safari lub Chrome:
- Odwiedź stronę internetową, dla której chcesz znaleźć kod źródłowy HTML.
- Stuknij adres na pasku adresu Safari lub Chrome.
- Ustaw kursor na początku adresu, jak pokazano na powyższym obrazku.
- Teraz wpisz następujący kod przed https://
Pamięć podręczna:
- Uderz w Iść przycisk na klawiaturze iOS.
- Na górze strony musisz zobaczyć Pokaż źródło opcja. Stuknij w to.
- Teraz otrzymasz kod źródłowy strony internetowej, którą właśnie odwiedziłeś.
Przeczytaj także:Jak zaimportować swoje zakładki, hasła i więcej
7. Zobacz kod źródłowy w aplikacjach internetowych
Istnieje wiele witryn internetowych, które pozwalają ujawnić podstawowe kody źródłowe witryn i stron internetowych za darmo lub za niewielką opłatą. Ze wszystkich tych aplikacji internetowych wybrałem przeglądarkę kodu źródłowego CodeBeautify. Oto jak to działa:
- Na iPhonie lub iPadzie przejdź do tego łącza: Przeglądarka kodu źródłowego za pomocą przeglądarki Safari.
- w Wprowadź URL wpisz lub skopiuj i wklej adres URL strony internetowej, dla której chcesz wyświetlić kod źródłowy HTML.
- Stuknij w Pogląd przycisk, aby wyświetlić źródło strony w przeglądarce Safari na iPhonie/iPadzie.
Wniosek
Teraz znasz wszystkie sztuczki, aby wyświetlić źródło strony na urządzeniach iPhone i iPad. W tym artykule odkryłeś kilka metod natywnych i nienatywnych. Możesz po prostu trzymać się natywnych sztuczek na iPadzie lub iPhonie, aby przeglądać kod źródłowy HTML stron internetowych lub korzystać z aplikacji, które znacznie ułatwiają zadanie.
Daj mi znać, która metoda Ci się podobała, zostawiając komentarz poniżej. Udostępnij również artykuł w mediach społecznościowych i WhatsApp, aby pomóc znajomym, którzy uczą się tworzenia stron internetowych i kodowania aplikacji.
następny w górę, Jak nauczyć się języka Swift na Macu i iPadzie.