Darmowe narzędzie online - Bez instalacji

Kod źródłowy na telefonie

Zobacz kod HTML stojący za dowolną stroną prosto na telefonie - bez aplikacji i bez komputera. Wklej poniżej adres URL, aby otrzymać sformatowany kod z podświetlaniem składni, albo skorzystaj z instrukcji dla iPhone'a i Androida w dalszej części strony.

https://
source.html

Szybkość Strony

🖥 Info o Serwerze

    📄 Info o Stronie

      Podgląd kodu źródłowego strony na telefonie

      Przeglądarki mobilne ukrywają kod źródłowy - to narzędzie (i poniższe kroki) przywracają do niego dostęp.

      Na komputerze kod HTML strony dzieli od nas jeden skrót klawiszowy. Na telefonie już nie: Safari na iPhonie nie ma funkcji „pokaż źródło” i całkowicie blokuje adresy view-source:, natomiast Chrome na Androidzie obsługuje view-source:, ale pokazuje surowy kod HTML upchnięty w jednej długiej, nieczytelnej linii.

      Narzędzie na górze tej strony działa na każdym telefonie i tablecie. Pobiera stronę na naszym serwerze i zwraca kod HTML sformatowany oraz z podświetlaniem składni, dzięki czemu łatwo go czytać na małym ekranie - bez instalowania aplikacji i bez komputera. Poniżej znajdziesz natywne metody dla obu platform oraz sytuacje, w których lepiej sięgnąć po to narzędzie.

      Jak zobaczyć kod źródłowy na iPhonie (Safari)

      iOS nie ma natywnego view-source, więc narzędzie internetowe jest najprostszą drogą.

      1. Skorzystaj z narzędzia powyżej (najprościej)Wklej adres strony w pole na górze tej strony i dotknij Wyświetl Źródło. Działa to w Safari, Chrome i każdej innej przeglądarce na iOS, a otrzymasz czytelny, podświetlony kod HTML, który możesz skopiować lub pobrać.
      2. Dodaj bookmarklet „pokaż źródło”Dla zaawansowanych: zapisz w zakładkach Safari niewielki bookmarklet w JavaScripcie, a następnie uruchom go na dowolnej stronie, aby otworzyć jej kod źródłowy. Wygodne, ale konfiguracja na iOS bywa uciążliwa.
      3. Użyj Maca, aby zobaczyć żywy DOMPodłącz iPhone'a do Maca, włącz Web Inspector w Ustawienia → Safari → Zaawansowane i otwórz w Safari menu Programowanie, aby zbadać DOM wygenerowany przez JavaScript.

      Uwaga: wpisanie view-source: przed adresem nie działa w Safari na iOS - przeglądarka po prostu wyszuka ten tekst. Na iPhonie niezawodnym rozwiązaniem jest narzędzie powyżej.

      Jak zobaczyć kod źródłowy na Androidzie (Chrome)

      Chrome na Androida ma wbudowaną metodę - oraz łatwiejszą, sformatowaną alternatywę.

      1. Użyj view-source: w ChromeDotknij paska adresu i wpisz view-source: bezpośrednio przed adresem URL, np. view-source:https://example.com, a następnie przejdź dalej. Chrome wyświetli surowy kod HTML strony.
      2. Użyj narzędzia powyżej, aby uzyskać czytelny wynikSurowy widok w Chrome nie jest sformatowany i trudno go przewijać na telefonie. Wklej ten sam adres URL do narzędzia na górze, aby otrzymać wcięty i podświetlony kod, który możesz skopiować lub pobrać.
      3. Zdalne debugowanie dla żywego DOMAby zbadać DOM zmodyfikowany przez JavaScript, podłącz telefon do komputera i otwórz chrome://inspect w Chrome na komputerze przez USB.

      Dlaczego warto użyć go zamiast natywnego widoku na telefonie

      Co zyskujesz w porównaniu z surowym view-source: w Chrome - i czego iPhone natywnie nie potrafi w ogóle.

      ✓ To narzędzie

      • Sformatowany i podświetlony - wcięty kod HTML z kolorami
      • Działa na iPhonie - tam, gdzie view-source: jest zablokowane
      • Kopiowanie i pobieranie - zapisz kod HTML na urządzeniu
      • Bez aplikacji, bez komputera - wystarczy przeglądarka

      ⓘ Natywne view-source:

      • Tylko Chrome na Androidzie - nie na iPhonie
      • Surowy kod HTML, często w jednej długiej zminifikowanej linii
      • Bez podświetlania, niewygodne przewijanie na telefonie
      • Bez kopiowania i pobierania jednym dotknięciem

      Chcesz ten sam sformatowany widok na laptopie albo dedykowane narzędzie do formatowania? Wypróbuj Przeglądarkę HTML albo przeczytaj, jak zobaczyć kod źródłowy w każdej przeglądarce na komputerze i telefonie.

      Najczęściej zadawane pytania

      Częste pytania o przeglądanie kodu źródłowego HTML na telefonie.

      Czy można zobaczyć kod źródłowy strony na iPhonie?

      Safari w systemie iOS nie ma wbudowanej funkcji „pokaż źródło”, a adresy view-source: nie działają na iPhonie. Najprostszym rozwiązaniem jest narzędzie internetowe takie jak to - otwórz tę stronę, wklej adres URL i dotknij Wyświetl Źródło. Możesz też użyć bookmarkletu albo podłączyć iPhone'a do Maca i skorzystać z Web Inspectora w Safari.

      Jak zobaczyć źródło w Chrome na Androidzie?

      W Chrome na Androida wpisz view-source: przed adresem w pasku URL, na przykład view-source:https://example.com. Chrome pokaże surowy kod HTML. Nie jest on sformatowany, więc aby uzyskać czytelny wynik z podświetlaniem składni, użyj narzędzia na górze tej strony.

      Czy view-source: działa na telefonie?

      W Chrome na Androida tak. W Safari na iPhonie nie - jest zablokowane. To narzędzie działa na obu systemach i w każdej innej przeglądarce mobilnej, ponieważ stronę pobiera nasz serwer, a nie przeglądarka.

      Czy muszę instalować aplikację?

      Nie. To narzędzie internetowe - otwórz je w dowolnej przeglądarce mobilnej i wklej adres URL. Nie ma niczego do pobierania ani instalowania.

      Czy mogę zobaczyć kod HTML strony bez komputera?

      Tak. Wklej adres URL na telefonie, a natychmiast otrzymasz sformatowany kod źródłowy HTML - bez komputera stacjonarnego czy laptopa.

      Dlaczego kod jest tutaj czytelniejszy niż przy view-source:?

      Wbudowane view-source: pokazuje surowy kod HTML, często zminifikowany do jednej długiej linii, którą na małym ekranie czyta się bardzo źle. To narzędzie formatuje kod i podświetla składnię, dzięki czemu jest czytelny na telefonie.

      Czy mogę skopiować lub zapisać kod HTML na telefonie?

      Tak. Użyj przycisku Kopiuj, aby umieścić kod HTML w schowku, albo Pobierz, aby zapisać go jako plik .html na urządzeniu.

      Czy pokazuje kod HTML dodany przez JavaScript?

      Nie. Pokazywany jest surowy kod HTML zwrócony przez serwer, przed uruchomieniem JavaScriptu po stronie klienta - dokładnie ten sam punkt wyjścia, który widzi wyszukiwarka. Aby zbadać żywy, zmodyfikowany skryptami DOM, potrzebujesz narzędzi deweloperskich na komputerze lub zdalnego debugowania.

      Powiązane narzędzia i poradniki

      Zgłęb treści internetowe, kod źródłowy i SEO dzięki tym materiałom.