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

Jak rozwiązać błąd ERR_SPDY_PROTOCOL_ERROR w Google Chrome

Jak rozwiązać błąd ERR_SPDY_PROTOCOL_ERROR w Google ChromeChrom

Google Chrome to najbardziej znana przeglądarka internetowa, która całkiem dobrze spełnia swoje zadanie. Ale czasami Google Chrome wyświetla ten osobliwy komunikat o błędzie „Ta strona jest niedost...

Czytaj więcej
Jak wyczyścić dane witryny dla określonej witryny w Chrome?

Jak wyczyścić dane witryny dla określonej witryny w Chrome?JakOkna 11Chrom

Czasami trzeba wyczyścić całe dane przeglądarki, ale innym razem wystarczy wyczyścić dane dotyczące tylko jednej witryny. Cóż, zdecydowanie możesz przejść trudną drogę i wyczyścić to wszystko w ust...

Czytaj więcej
Poprawka: Chrome działa w trybie incognito tylko w systemie Windows 11 / 10

Poprawka: Chrome działa w trybie incognito tylko w systemie Windows 11 / 10Chrom

Google Chrome to jedna z przeglądarek intensywnie używanych przez użytkowników. Wielu użytkowników zgłosiło, że Chrome działa tylko w trybie incognito. Nie działa w normalnym trybie. Chrome nagle p...

Czytaj więcej