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

Napraw problem z nieprawidłowymi instrukcjami dotyczącymi kodu błędu w Google Chrome

Napraw problem z nieprawidłowymi instrukcjami dotyczącymi kodu błędu w Google ChromeOkna 10Chrom

Google Chrome czasami pokazuje błędy podczas wykonywania różnych zadań w przeglądarce. Czasami może się pojawić – „Kurza twarz! Kod błędu: STATUS_ILLEGAL_INSTRUCTION„ w Google Chrome, jeśli Chrome ...

Czytaj więcej
Pobieranie wiadomości skryptu proxy w Google Chrome Fix

Pobieranie wiadomości skryptu proxy w Google Chrome FixOkna 10Chrom

Czasami mogłeś zauważyć, że przeglądarka Google Chrome zajmuje dużo czasu, aby załadować stronę internetową. Kiedy obserwujesz lewy dolny róg okna, widzisz mały komunikat „Pobieranie wiadomości skr...

Czytaj więcej
Poprawka: instalacja Chrome nie powiodła się - instalacja Google Chrome nie uruchomiła się problem w systemie Windows 10

Poprawka: instalacja Chrome nie powiodła się - instalacja Google Chrome nie uruchomiła się problem w systemie Windows 10Okna 10Chrom

Czy próbujesz zainstalować? Google Chrome na twoim komputerze, ale z jakiegoś nieznanego powodu proces instalacji ciągle się nie udaje? Niektórzy użytkownicy systemu Windows 10 skarżą się na ten pr...

Czytaj więcej