Sprawdź, jak wygląda strona internetowa na urządzeniach mobilnych z przeglądarką Chrome

Przez Administrator

Posiadanie strony internetowej, która działa dobrze na wszystkich platformach, jest w dzisiejszych czasach niezwykle potrzebne. Istnieje wiele narzędzi online do testowania witryny w różnych rozdzielczościach. Ale czy wiesz, że nie potrzebujesz żadnego narzędzia online lub offline i możesz przetestować wersję mobilną witryny bezpośrednio w przeglądarce Chrome. Oto kroki, aby to zrobić.

Krok 1 – Przede wszystkim otwórz dowolną stronę w przeglądarce Chrome.

Krok 2 – Teraz naciśnij CTRL + Shift + I, aby otworzyć konsolę.

Możesz także otworzyć trzy kropki w prawym górnym rogu, a następnie kliknąć Więcej narzędzi – > Narzędzia programistyczne.

Konsola programisty Chrome

Krok 3 – Teraz naciśnij CTRL + Shift + M. Możesz także kliknąć ikonę przełączania, jak pokazano.

Rozdzielczość mobilna Chrome

Twoja witryna będzie teraz wyświetlana w rozdzielczości mobilnej w przeglądarce Chrome.

Oto mobilna wersja mojej strony internetowej Merabheja.comWersja mobilna Witryna Chrome Narzędzia programistyczne

Krok 4 – Wystarczy kliknąć nazwę modelu mobilnego, aby zmienić model mobilny na różne rozdzielczości.

Krok 5 – Aby zobaczyć swoją witrynę w niestandardowej rozdzielczości lub na urządzeniach, których nie ma na liście, kliknij edytować.

Dodaj niestandardową rozdzielczość

Krok 6 – Wybierz swoje urządzenie z długiej listy różnych telefonów komórkowych. Lub jeśli chcesz mieć niestandardową rozdzielczość (lub Twojego telefonu nie ma na liście), po prostu kliknij Dodaj niestandardowe urządzenie.

Dodaj niestandardową rozdzielczość urządzenia

W ten sposób możesz przetestować mobilną wersję witryn w chrome i bez żadnych rozszerzeń.

Złożony pod: chrom

Poprawka: STATUS_INVALID_IMAGE_HASH Błąd w Google Chrome w systemie Windows 11/10

Poprawka: STATUS_INVALID_IMAGE_HASH Błąd w Google Chrome w systemie Windows 11/10Okna 10Okna 11PrzeglądarkaChrom

Google Chrome to podstawowa przeglądarka wielu użytkowników systemu Windows. Istnieje duża zależność od Chrome, a jeśli Chrome ma jakieś problemy, ciężko to uderza w użytkowników. Zamiast przechodz...

Czytaj więcej
Poprawka: „500. To jest błąd. Wystąpił błąd. Spróbuj ponownie później." Błąd Google

Poprawka: „500. To jest błąd. Wystąpił błąd. Spróbuj ponownie później." Błąd GoogleChrom

Wielu użytkowników zgłosiło, że widziało “500. To jest błąd. Wystąpił błąd. Spróbuj ponownie później. To wszystko co wiemy."komunikat o błędzie, który nie zawiera żadnych informacji dotyczących błę...

Czytaj więcej
Jak naprawić problem z czarnym ekranem Google Chrome

Jak naprawić problem z czarnym ekranem Google ChromeOkna 10Okna 11Chrom

Chrome jest jedną z najczęściej używanych przeglądarek, ale zawiera własne błędy. Wielu użytkowników napotkało problem polegający na tym, że ekran Google Chrome nagle staje się całkowicie czarny. P...

Czytaj więcej