Jak wyświetlić kod źródłowy strony internetowej na iphone i ipad

Mimo że aplikacje iOS nie są jeszcze maszynami do programowania, na ogół znajdziesz iPhone'a lub iPada w zestawie narzędzi do projektowania / tworzenia stron internetowych. Chociaż jeśli jesteś programistą / wydawcą lub po prostu chcesz zobaczyć kod źródłowy strony lub wyświetlić wszystkie wdrożone zasoby, zazwyczaj robisz to z komputera.

Teraz system iOS 8 znacznie ułatwia przeglądanie zasobów źródłowych, zasobów i DOM strony. Dzięki niesamowitym aplikacjom innych firm z obsługą rozszerzeń możesz to zrobić w Safari (Chrome nie jest obsługiwany, ponieważ rozszerzenia mogą uzyskiwać dostęp do DOM tylko w Safari).

Porozmawiajmy o dwóch aplikacjach, które pomogą Ci przeglądać i zapisywać kod źródłowy dla dowolnej witryny, gdy jesteś w podróży.

Wyświetl rozszerzenie Source dla Safari

View Source (0, 99 USD) to prosta i wydajna aplikacja z rozszerzeniem Safari. Kosztuje 0, 99 USD, ale ma wiele funkcji.

Po zainstalowaniu aplikacji przejdź do Safari, stuknij przycisk Udostępnij, przesuń palcem w prawo w dolnym wierszu i stuknij Więcej. Stąd przełącz źródło widoku. Umożliwi to rozszerzenie.

Więcej na rozszerzeniach iOS 8: rozszerzenia iOS 8 szybko stają się potężnym narzędziem. Zobacz, jak działają, najlepsze rozszerzenia udziałów i jak jedno rozszerzenie może pomóc przekształcić Safari w pełnoprawnego downloadera.

Teraz przejdź do strony, dotknij przycisku Udostępnij i wybierz Wyświetl źródło. Zobaczysz kod źródłowy strony w całej okazałości. Stuknij przycisk Udostępnij, aby wyświetlić rodzimy arkusz udostępniania. Stąd możesz wysłać kod do aplikacji notatek lub wysłać go pocztą e-mail.

Poniżej znajdziesz cztery przyciski - Zasoby, DOM, Skrypt i Informacje.

Lista zasobów zawiera wszystkie obrazy na stronie. Możesz dotknąć łącza, aby zobaczyć podgląd i zapisać obraz.

Przycisk DOM pokaże model drzewa z hierarchiczną strukturą dokumentów HTML, XML i SVG. Możesz dotknąć dowolnego elementu, aby go rozwinąć.

Przycisk Skrypt pozwala pisać i wstrzykiwać Javascript na dowolnej stronie (lokalnie). Panel Informacje pokazuje informacje o stronie.

Srcfari

Srcfari (0, 99 USD) to alternatywa dla wyświetlania źródła. Podczas gdy aplikacja pokaże Ci kod źródłowy i zasoby, takie jak obrazy, arkusze stylów CSS i skrypty uruchomione na stronie, będziesz musiał to zrobić z samej aplikacji. Nie ma rozszerzenia Safari dla Srcfari.

Jednak korzystanie z Srcfari wcale nie jest złym doświadczeniem. Aplikacja ma fajną typografię i znacznie lepiej rozbija zasoby za pomocą skryptów, CSS i obrazów niż aplikacja View Source. Jednym z problemów, jakie mam z Srcfari, jest to, że włącza zawijanie tekstu dla arkuszy stylów CSS, ale nie podczas przeglądania całego źródła (co robi aplikacja View Source). Oznacza to, że w iPhone'ie zaangażowany będzie duży zakres panoramowania i powiększania.

Poza tym Srcfari jest zwykłą sprawą. Możesz skopiować kod źródłowy do schowka lub wysłać go do kogoś. Możesz także zapisywać obrazy za pomocą aplikacji.

Wniosek

Safari jest prawdopodobnie wybraną przeglądarką w systemie iOS (głównie dlatego, że iOS nie pozwala wybrać Chrome jako domyślnego). Jeśli musisz często wyświetlać kod źródłowy, aplikacja View Source o wartości 0, 99 USD z rozszerzeniem Safari będzie warta swojej ceny.

Czy zazwyczaj używasz iPhone'a lub iPada do rozwiązywania problemów ze stronami internetowymi? Lub zobaczyć, co jest z nimi nie tak? Daj nam znać w komentarzach poniżej.