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](/f/398336d81248264b9d6bde2666b1c738.png)
Krok 3 – Teraz naciśnij CTRL + Shift + M. Możesz także kliknąć ikonę przełączania, jak pokazano.
![Rozdzielczość mobilna Chrome](/f/292cf4c65b64ba66084c8789e9d3e4e1.png)
Twoja witryna będzie teraz wyświetlana w rozdzielczości mobilnej w przeglądarce Chrome.
Oto mobilna wersja mojej strony internetowej Merabheja.com
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ść](/f/902b6f15cc8e3316dff5dd4b187d90bf.png)
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](/f/e4f98689277cfcb7baaa52606b6fa236.png)
W ten sposób możesz przetestować mobilną wersję witryn w chrome i bez żadnych rozszerzeń.