Jak mogę wyświetlić mobilną wersję strony internetowej w Google Chrome na komputery?

29

Chcę przetestować mobilną wersję witryny za pomocą Google Chrome na komputery.

Zwykle mogę ładować witryny mobilne, wprowadzając prefiks m.przed adresem URL, ale próba załadowania m.superuser.comlub m.github.compo prostu powoduje błąd „ Nie można uzyskać dostępu do witryny ”.

Jak mogę przetestować mobilną wersję witryny w Chrome na komputery?

google-chrome mobile-url Stevoisiak
źródło
2
Kliknięcie linku „mobilnego” u dołu dowolnej strony działa dla mnie dobrze.
DavidPostill
1
Pytanie
3
@DavidPostill Link do meta pytania, które dotyczy sposobu uruchamiania Stack Exchange w wersji mobilnej w przeglądarce na komputerze. Jestem prawie pewien, że OP pyta, jak uruchomić dowolną stronę internetową w ten sposób. To właściwie dwa zupełnie różne przypadki.
trejder

Odpowiedzi:

42

Możesz użyć narzędzi programistycznych Google Chrome, aby poprosić o wersję mobilną witryny:

  1. Otwórz narzędzia programistyczne Chrome za pomocą F12.

  2. Kliknij przycisk „ Przełącz pasek narzędzi urządzenia ”, aby włączyć lub wyłączyć tryb urządzenia. (Ikona jest niebieska, gdy włączony jest Tryb urządzenia).

    Włączanie trybu urządzenia

  3. (Opcjonalnie) Wybierz urządzenie mobilne, które chcesz symulować za pomocą „ Kontrolek rzutni ”.

    Kontrola rzutni

  4. Odśwież stronę z włączonym trybem urządzenia, aby umożliwić ładowanie wersji mobilnej.

    Wyświetlanie strony mobilnej dla superużytkownika

Źródła

Stevoisiak
źródło
@ steven-m-vascellaro z jakiegoś powodu responsivemenu rozwijane nie jest widoczne w moim chrome ... jakiś pomysł?
nieznany błąd
@vardin - musisz kliknąć przycisk oznaczony gigantyczną czerwoną strzałką na pierwszym zrzucie ekranu, aby pojawiło się responsywne menu rozwijane.
Andrew Hill,