Czy potrzebujesz dostępu do emulatora przeglądarki smartfona na swoim komputerze, aby przetestować mobilną wersję interesującej Cię witryny? Być może jesteś programistą internetowym lub chcesz nim zostać i musisz symulować przeglądarkę mobilną dla projektu, nad którym pracujesz. Niezależnie od powodów, oto jak uzyskać dostęp do emulatora przeglądarki mobilnej w Google Chrome, Mozilla Firefox, Microsoft Edge i Opera:
Zawartość
Jak włączyć i używać emulatora przeglądarki mobilnej w Google Chrome
W Google Chrome przejdź do witryny, którą chcesz wyświetlić w emulatorze przeglądarki mobilnej. Następnie naciśnij klawisze CTRL + SHIFT + I na klawiaturze lub kliknij myszą trzy pionowe kropki w prawym górnym rogu, aby otworzyć menu "Dostosuj i kontroluj Google Chrome" . Wybierz Więcej narzędzi, a następnie Narzędzia dla programistów .
Uzyskaj dostęp do Narzędzi dla programistów w Google Chrome
Kliknij lub naciśnij przycisk „Przełącz pasek narzędzi urządzenia” (wygląda jak smartfon obok tabletu) lub naciśnij CTRL + Shift + M na klawiaturze. Aktywuje to pasek narzędzi urządzenia, na którym ładowana jest strona mobilna. Domyślnie pasek narzędzi urządzenia używa szablonu Responsive dla załadowanej witryny. Kliknij na niego i wybierz urządzenie mobilne, które chcesz emulować. Twoje opcje obejmują wiele iPhone'ów, iPadów, Surface Duo, dwa urządzenia Samsung Galaxy i symulator mobilnej przeglądarki Moto G4 na PC.
Jak włączyć emulator przeglądarki mobilnej w Google Chrome
WSKAZÓWKA: Niestety, skrótu klawiaturowego CTRL + Shift + M można używać tylko po włączeniu narzędzi programistycznych.
Poruszaj się po witrynie, którą chcesz przetestować, przełączaj się między różnymi smartfonami i tabletami i zobacz, jak wygląda. Po zakończeniu naciśnij przycisk X (Zamknij) w prawym górnym rogu narzędzi programistycznych Google Chrome, aby wrócić do standardowego trybu przeglądania na pulpicie.
Zamykanie emulatora przeglądarki mobilnej Google Chrome
WSKAZÓWKA: jeśli intensywnie korzystasz z przeglądarki Google Chrome, możesz również dowiedzieć się , jak korzystać z opcji sterowania multimediami w przeglądarce Google Chrome .
Jak włączyć i korzystać z emulatora przeglądarki mobilnej w Mozilla Firefox
W przeglądarce Mozilla Firefox otwórz witrynę, dla której chcesz użyć symulatora przeglądarki mobilnej. Następnie naciśnij CTRL + Shift + M na klawiaturze lub kliknij przycisk burger w prawym górnym rogu, aby otworzyć menu Firefoksa i wybierz Web Developer .
Uzyskaj dostęp do narzędzi Web Developer w Firefoksie
Zobaczysz menu wypełnione narzędziami przydatnymi dla twórców stron internetowych. Z listy wybierz "Tryb projektowania responsywnego", a ten konkretny tryb przeglądania strony internetowej jest ładowany w Firefoksie.
Wybierz tryb projektowania responsywnego w Firefoksie
Firefox włącza tryb projektowania responsywnego . W górnej części okna zobaczysz parametry używane przez ten tryb emulacji. Jeśli nie wybrano żadnego urządzenia, kliknij lub dotknij Responsywne , aby otworzyć listę rozwijaną z urządzeniami dostępnymi do emulacji, a następnie wybierz to, które chcesz symulować.
Możesz symulować przeglądarkę mobilną dla wielu iPhone'ów, iPada, Kindle Fire (Firefox jest jedyną przeglądarką, która oferuje tę opcję emulacji) i urządzeń Samsung Galaxy S9.
Użyj emulatora przeglądarki mobilnej w Firefoksie
Po zakończeniu testowania za pomocą emulatora przeglądarki smartfona naciśnij przycisk X (Zamknij tryb projektowania responsywnego) w prawym górnym rogu przeglądarki Mozilla Firefox.
Zamknij emulator przeglądarki mobilnej w Firefoksie
Wróciłeś do standardowego trybu przeglądania na pulpicie.
Jak włączyć i korzystać z emulatora przeglądarki mobilnej w Microsoft Edge
Microsoft Edge wykorzystuje ten sam silnik renderujący co Google Chrome i oferuje te same emulatory przeglądarek smartfonów. Aby uzyskać do nich dostęp, odwiedź witrynę, którą chcesz przetestować, i naciśnij klawisze CTRL + SHIFT + I na klawiaturze lub kliknij trzy poziome kropki ( „Ustawienia i więcej” ) w prawym górnym rogu przeglądarki Microsoft Edge. W wyświetlonym menu przejdź do Więcej narzędzi, a następnie do Narzędzia dla programistów .
Uzyskaj dostęp do narzędzi programistycznych w Microsoft Edge
Kliknij przycisk „Przełącz emulację urządzenia” (wygląda jak smartfon obok tabletu) lub naciśnij CTRL + Shift + M na klawiaturze. Aktywuje to pasek narzędzi emulatora przeglądarki mobilnej. Domyślnie używa szablonu Responsive dla załadowanej witryny. Kliknij na niego i wybierz urządzenie mobilne, które chcesz emulować. Twoje opcje obejmują te same smartfony i tablety, co Google Chrome.
Uzyskaj dostęp do emulatora przeglądarki mobilnej w Microsoft Edge
Przeglądaj witrynę, którą chcesz przetestować, przełączaj się między różnymi urządzeniami mobilnymi i zobacz, jak wygląda. Po zakończeniu naciśnij przycisk X (Zamknij) w prawym górnym rogu przeglądarki Microsoft Edge.
Zamknij emulator przeglądarki mobilnej w Microsoft Edge
Wróciłeś teraz do standardowego trybu przeglądania na pulpicie.
Jak włączyć i korzystać z emulatora przeglądarki mobilnej w Operze?
W Operze odwiedź stronę internetową, którą chcesz wyświetlić tak, jakbyś korzystał z urządzenia mobilnego. Następnie kliknij ikonę Opery w lewym górnym rogu ( „Dostosuj i kontroluj Operę” ). W menu, które się otworzy, wybierz Deweloper , a następnie Narzędzia dla programistów . Jeśli wolisz klawiaturę, naciśnij klawisze CTRL+Shift+I , aby uzyskać ten sam wynik.
Uzyskaj dostęp do narzędzi programistycznych w Operze
Narzędzia programistyczne są wyświetlane po prawej stronie okna przeglądarki. Kliknij przycisk „Przełącz pasek narzędzi urządzenia” (wygląda jak smartfon obok tabletu) lub naciśnij CTRL + Shift + M na klawiaturze. Pasek narzędzi urządzenia jest pokazany po lewej stronie. Domyślnie używa szablonu Responsive dla załadowanej witryny. Kliknij na niego i z listy opcji wybierz urządzenie mobilne, które chcesz emulować. Opera oferuje te same emulatory przeglądarek mobilnych co Google Chrome i Microsoft Edge, ponieważ opiera się na tym samym silniku renderującym (Chromium).
Uzyskaj dostęp do emulatora przeglądarki mobilnej w Operze
Po zakończeniu testowania naciśnij przycisk X (Zamknij) w prawym górnym rogu, aby wrócić do standardowego trybu przeglądania na pulpicie.
Zamknij emulator przeglądarki mobilnej w Operze
Czy jesteś zadowolony z dostępnych opcji emulacji przeglądarki mobilnej?
Teraz wiesz, jak emulować wszystkie rodzaje urządzeń mobilnych w swojej ulubionej przeglądarce internetowej. Możesz jednak zauważyć, że większość przeglądarek internetowych oferuje te same opcje emulacji, które preferują iPhone'y i iPady. Jeśli chcesz emulować nowoczesny smartfon lub tablet z Androidem, Twoje szanse są niewielkie, nawet w Google Chrome – przeglądarce opracowanej przez firmę stojącą za Androidem. Jeśli chcesz uzyskać najlepsze wyniki, możesz potrzebować do tego zadania dwóch przeglądarek: Chrome i Firefox lub Firefox i Edge lub Opera. Przed wyjazdem powiedz nam, co myślisz o dostępnych opcjach.
Masz dość błędów prywatności w Microsoft Edge lub ostrzeżeń o braku prywatności połączenia? Uzyskaj natychmiastowe, krok po kroku rozwiązania zapewniające bezpieczne przeglądanie. Wyczyść pamięć podręczną, zresetuj ustawienia i wiele więcej – bez umiejętności technicznych!
Masz problem z synchronizacją Bluetooth LE w Microsoft Edge? Poznaj rozwiązania krok po kroku, aby szybko rozwiązać problemy z synchronizacją. Zaktualizuj Edge, zresetuj Bluetooth i przywróć płynną synchronizację już dziś!
Masz dość błędów Microsoft Edge „Kurza twarz!” i zawieszania się stron, które psują Ci przeglądanie? Skorzystaj z naszego eksperckiego przewodnika krok po kroku z najnowszymi rozwiązaniami, aby szybko przywrócić płynność działania przeglądarki – bez konieczności posiadania umiejętności technicznych!
Masz problem z brakiem synchronizacji dźwięku w filmach w przeglądarce Microsoft Edge? Uzyskaj natychmiastowe rozwiązania, aby zapewnić idealną synchronizację dźwięku i obrazu. Przewodnik krok po kroku ze sprawdzonymi metodami rozwiązywania problemów z opóźnieniami, lagami i desynchronizacją w serwisach takich jak YouTube i Netflix.
Masz dość wstrzymanego wyszukiwania w Microsoft Edge, które blokuje wyszukiwanie na kartach? Skorzystaj ze sprawdzonych, krok po kroku napraw indeksowania, aby odbudować indeks, przyspieszyć działanie Edge i wyeliminować błąd na dobre. Działa w najnowszych wersjach!
Masz dość problemów z połączeniem Microsoft Edge DirectAccess? Poznaj rozwiązania krok po kroku, które zapewnią płynną łączność, wskazówki dotyczące rozwiązywania problemów i strategie zapobiegania, aby szybko rozwiązać problemy. Przywróć działanie swojej przeglądarki już dziś!
Masz problem z odmową dostępu do Microsoft Edge na określonych stronach? Odkryj sprawdzone, krok po kroku rozwiązania błędów odmowy dostępu do Microsoft Edge. Wyczyść pamięć podręczną, dostosuj ustawienia i szybko odzyskaj dostęp – bez umiejętności technicznych!
Masz dość funkcji Microsoft Edge Startup Boost, która powoduje wysokie zużycie dysku? Poznaj rozwiązania krok po kroku, jak ją wyłączyć, przywrócić prędkość komputera i zapobiec przyszłym problemom. Szybko, łatwo i skutecznie!
Masz dość nakładających się ikon na pasku zadań przeglądarki Microsoft Edge, które zaśmiecają ekran? Skorzystaj z naszych sprawdzonych rozwiązań krok po kroku, aby uzyskać czysty pasek zadań. Szybkie rozwiązania, które działają w najnowszych wersjach przeglądarki Edge – nie są wymagane żadne umiejętności techniczne!
Masz dość zawieszania się przeglądarki Microsoft Edge z Wallpaper Engine? Skorzystaj z naszego poradnika krok po kroku, aby szybko rozwiązać konflikt z aplikacją Wallpaper Engine w przeglądarce Microsoft Edge. Sprawdzone metody na płynne przeglądanie i piękne tapety.
