Wyświetlanie wyrenderowanego źródła strony

Omówienie

Gdy wchodzisz na stronę, witryna wysyła do Twojej przeglądarki kod HTML. Ten kod źródłowy często zawiera dodatkowe zasoby, takie jak skrypty, które muszą zostać załadowane i które mogą zmieniać kod strony.

Kliknięcie prawym przyciskiem myszy polecenia „Wyświetl źródło strony” zwykle powoduje wyświetlenie tylko oryginalnego kodu strony, jaki został zwrócony do przeglądarki, w postaci sprzed załadowania i uruchomienia skryptów oraz innych zasobów. Jednak w wielu przypadkach, szczególnie podczas rozwiązywania problemów z witryną, potrzebny jest kod ostatecznej, wyrenderowanej strony w przeglądarce, z wczytanymi wszystkimi zasobami i uruchomionymi skryptami. Można go użyć na przykład:

• aby wyszukać tagi Google Analytics lub Menedżera tagów Google używane na potrzeby weryfikacji;
• aby debugować wczytywanie i wyświetlanie strony (czyli sprawdzić, czy zostały załadowane wszystkie biblioteki i inne wymagane zasoby);
• aby sprawdzić na wyświetlonej stronie uporządkowane dane.

Jak wyświetlić wyrenderowane źródło

Oto kilka sposobów wyświetlania wyrenderowanego kodu źródłowego strony internetowej:

• W przeglądarce Chrome: kliknij prawym przyciskiem myszy dowolną część strony i wybierz Zbadaj, aby zobaczyć cały kod HTML z wyrenderowanej strony. Wyszukaj elementy w wyrenderowanym kodzie HTML za pomocą skrótu Control + F (Windows) lub Command + F (Mac).
• W przypadku strony w Twojej witrynie: 
  1. Sprawdź adres URL. Aby to zrobić, wpisz go bezpośrednio w narzędziu do sprawdzania adresów URL lub kliknij link do sprawdzania obok adresu URL widoczny w większości raportów w Search Console.
  2. Kliknij Sprawdź URL wersji opublikowanej > Wyświetl przetestowaną stronę.
  3. Wyrenderowany kod HTML strony zobaczysz na karcie HTML.
• W przypadku strony w dowolnej witrynie, a nie tylko w witrynie, która należy do Ciebie:
  1. Otwórz test optymalizacji mobilnej.
  2. Wpisz adres URL strony. Strona musi być dostępna dla Google bez logowania i nie może jej blokować plik robots.txt.
  3. Kliknij Wyświetl przetestowaną stronę.
  4. Wyrenderowany kod HTML strony zobaczysz na karcie HTML.