Apakah Anda perlu mengakses emulator browser ponsel cerdas di PC Anda untuk menguji versi seluler situs web yang Anda minati? Mungkin Anda seorang pengembang web, atau Anda ingin menjadi salah satunya, dan Anda perlu mensimulasikan peramban seluler untuk proyek yang sedang Anda kerjakan. Terlepas^(Regardless) dari alasan Anda, berikut adalah cara mengakses emulator browser seluler di Google Chrome , Mozilla Firefox , Microsoft Edge , dan Opera:

Cara mengaktifkan dan menggunakan emulator browser seluler di Google Chrome

Di Google Chrome , navigasikan ke situs web yang ingin Anda lihat di emulator browser seluler. Kemudian, tekan tombol CTRL + SHIFT + I pada keyboard Anda atau, dengan mouse, klik tiga titik vertikal di sudut kanan atas untuk membuka menu "Sesuaikan dan kontrol Google Chrome"^{(“Customize and control Google Chrome”)} . Pilih Alat lainnya,^{(More tools, )} diikuti oleh Alat Pengembang^{(Developer Tools)} .

Akses Alat Pengembang^{(Access Developer Tools)} di Google Chrome

Klik atau ketuk tombol “Toggle device toolbar” (terlihat seperti smartphone di sebelah tablet) atau tekan CTRL + Shift + M pada keyboard Anda. Ini mengaktifkan bilah alat perangkat tempat halaman seluler dimuat. Secara default, toolbar perangkat menggunakan template Responsif^(Responsive) untuk situs yang Anda muat. Klik^(Click) dan pilih perangkat seluler yang ingin Anda tiru. Pilihan Anda mencakup banyak iPhone, iPad, Surface Duo , dua perangkat Samsung Galaxy , dan simulator browser seluler Moto G4 untuk PC.^{(Moto G4 mobile)}

Cara mengaktifkan emulator browser seluler di Google Chrome

TIPS:^(TIP:) Sayangnya, Anda dapat menggunakan pintasan keyboard CTRL + Shift + M hanya setelah mengaktifkan alat pengembang.

Navigasikan^(Navigate) situs yang ingin Anda uji, beralih di antara ponsel cerdas dan tablet yang berbeda, dan lihat tampilannya. Setelah selesai, tekan tombol X (Tutup)^{(X (Close))} di sudut kanan atas alat pengembang Google Chrome untuk kembali ke mode penjelajahan desktop standar.

Menutup emulator peramban seluler Google Chrome

TIPS:^(TIP:) Jika Anda adalah pengguna berat Google Chrome , Anda mungkin juga ingin mempelajari cara menggunakan opsi kontrol media Google Chrome^{(how to use Google Chrome’s media control options)} .

Cara mengaktifkan dan menggunakan emulator browser seluler di Mozilla Firefox

Di Mozilla Firefox , buka situs yang ingin Anda gunakan simulator browser seluler. Kemudian, tekan CTRL + Shift + M pada keyboard Anda atau klik tombol burger di pojok kanan atas untuk membuka menu Firefox, dan pilih Pengembang Web^{(Web Developer)} .

Akses alat Pengembang Web^{(Web Developer)} di Firefox

Anda melihat menu yang berisi alat yang berguna untuk pengembang web. Dalam daftar, pilih "Mode Desain Responsif,"^{(“Responsive Design Mode,”)} dan mode khusus untuk melihat halaman web ini dimuat di Firefox .

Pilih Mode Desain Responsif^{(Responsive Design Mode)} di Firefox

Firefox mengaktifkan Mode Desain Responsif^{(Responsive Design Mode)} . Di bagian atas jendela, Anda melihat parameter yang digunakan oleh mode emulasi ini. Jika tidak ada perangkat yang dipilih, klik atau ketuk Responsif^(Responsive) untuk membuka daftar drop-down dengan perangkat yang tersedia untuk emulasi, lalu pilih salah satu yang ingin Anda simulasikan.

Anda dapat mensimulasikan browser seluler untuk banyak iPhone, iPad, Kindle Fire ( Firefox adalah satu-satunya browser yang menawarkan opsi emulasi ini), dan perangkat Samsung Galaxy S9 .

Gunakan emulator peramban seluler di Firefox

Setelah selesai menguji dengan emulator browser ponsel cerdas, tekan tombol X (Tutup Mode Desain Responsif)^{(X (Close Responsive Design Mode))} di sudut kanan atas Mozilla Firefox .

Tutup emulator browser seluler di Firefox

Anda kembali ke mode penjelajahan desktop standar.

Cara mengaktifkan dan menggunakan emulator browser seluler di Microsoft Edge

Microsoft Edge menggunakan mesin rendering yang sama seperti Google Chrome dan menawarkan emulator browser ponsel cerdas yang sama. Untuk mengaksesnya, kunjungi situs web yang ingin Anda uji, dan tekan tombol CTRL + SHIFT + I pada keyboard Anda atau klik tiga titik horizontal ( "Pengaturan dan lainnya"^{(“Settings and more”)} ) di sudut kanan atas Microsoft Edge . Di menu yang muncul, buka Alat lainnya,^{(More tools)} lalu ke Alat Pengembang^{(Developer Tools)} .

Akses alat Pengembang^(Developer) di Microsoft Edge

Klik tombol “Toggle device emulation” (terlihat seperti smartphone di sebelah tablet) atau tekan CTRL + Shift + M pada keyboard Anda. Ini mengaktifkan bilah alat emulator peramban seluler. Secara default, ini menggunakan template Responsif^(Responsive) untuk situs yang Anda muat. Klik^(Click) dan pilih perangkat seluler yang ingin Anda tiru. Opsi Anda mencakup ponsel cerdas dan tablet yang sama dengan Google Chrome .

Akses emulator browser seluler di Microsoft Edge

Jelajahi situs yang ingin Anda uji, ubah di antara perangkat seluler yang berbeda, dan lihat tampilannya. Setelah selesai, tekan tombol X (Tutup)^{(X (Close))} di pojok kanan atas Microsoft Edge.

Tutup emulator browser seluler di Microsoft Edge

Anda sekarang kembali ke mode penjelajahan desktop standar.

Cara mengaktifkan dan menggunakan emulator browser seluler di Opera

Di Opera , kunjungi halaman web yang ingin Anda lihat seolah-olah Anda menggunakan perangkat seluler. Kemudian klik ikon Opera di kiri atas ( "Sesuaikan dan kendalikan Opera"^{(“Customize and control Opera”)} ). Di menu yang terbuka, pilih Pengembang^(Developer) diikuti oleh Alat pengembang^{(Developer tools)} . Jika Anda lebih suka keyboard, tekan tombol CTRL+Shift+I untuk hasil yang sama.

Akses alat Pengembang di Opera

Alat Pengembang^{( Developer tools)} ditampilkan di sisi kanan jendela browser. Klik tombol "Toggle device toolbar" (terlihat seperti smartphone di sebelah tablet) atau tekan CTRL + Shift + M pada keyboard Anda. Toolbar perangkat ditampilkan di sebelah kiri. Secara default, ini menggunakan template Responsif^(Responsive) untuk situs yang Anda muat. Klik^(Click) dan pilih perangkat seluler yang ingin Anda tiru dari daftar opsi. Opera menawarkan emulator browser seluler yang sama seperti Google Chrome dan Microsoft Edge , karena didasarkan pada mesin rendering yang sama ( Chromium ).

Akses emulator browser seluler di Opera

Setelah Anda selesai menguji, tekan tombol X ( Tutup^(Close) ) di sudut kanan atas untuk kembali ke mode penelusuran desktop standar.

Tutup emulator browser seluler di Opera

Apakah^(Are) Anda senang dengan opsi emulasi peramban seluler yang tersedia?

Sekarang Anda tahu cara meniru semua jenis perangkat seluler di browser web favorit Anda. Namun, Anda mungkin memperhatikan bahwa sebagian besar browser web menawarkan opsi emulasi yang sama yang mendukung iPhone dan iPad. Jika Anda ingin meniru smartphone atau tablet Android modern , peluang Anda cukup tipis, bahkan di Google Chrome - browser yang dikembangkan oleh perusahaan di belakang Android . Jika Anda menginginkan hasil terbaik, Anda mungkin perlu menggunakan dua browser untuk tugas ini: Chrome dan Firefox , atau Firefox dan Edge atau Opera . Sebelum Anda pergi, beri tahu kami pendapat Anda tentang opsi yang tersedia.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera -

Do you need to access a smartphone browser emulator on your PC to test the mobile version of а website you are interested in? Maуbe you аre a web dеveloper, or you want to become one, and you need to simulate a mobile browser for the project you are working on. Regardless of your reasons, here is how to access а mobile browser emulator in Google Chrome, Mozilla Firefox, Micrоsoft Edge, and Opera:

How to turn on and use the mobile browser emulator in Google Chrome

In Google Chrome, navigate to the website that you want to view in the mobile browser emulator. Then, either press the CTRL + SHIFT + I keys on your keyboard or, with the mouse, click the three vertical dots in the top-right corner to open the “Customize and control Google Chrome” menu. Choose More tools, followed by Developer Tools.

Access Developer Tools in Google Chrome

Click or tap on the “Toggle device toolbar” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. This activates the device toolbar where the mobile page is loaded. By default, the device toolbar uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate. Your options include many iPhones, iPads, Surface Duo, two Samsung Galaxy devices, and a Moto G4 mobile browser simulator for PC.

How to enable the mobile browser emulator in Google Chrome

TIP: Unfortunately, you can use the CTRL + Shift + M keyboard shortcut only after enabling the developer tools.

Navigate the site you want to test, switch between the different smartphones and tablets, and see how it looks. When you are done, press the X (Close) button in the top-right corner of Google Chrome’s developer tools to get back to the standard desktop browsing mode.

Closing the mobile browser emulator Google Chrome

TIP: If you are a heavy Google Chrome user, you may also want to learn how to use Google Chrome’s media control options.

How to turn on and use the mobile browser emulator in Mozilla Firefox

In Mozilla Firefox, open the site for which you want to use a mobile browser simulator. Then, either press CTRL + Shift + M on your keyboard or click the burger button on the top-right corner to open Firefox’s menu, and choose Web Developer.

Access the Web Developer tools in Firefox

You see a menu filled with tools that are useful to web developers. In the list, select “Responsive Design Mode,” and this particular mode of viewing a web page is loaded in Firefox.

Choose the Responsive Design Mode in Firefox

Firefox enables the Responsive Design Mode. At the top of the window, you see the parameters used by this emulation mode. If no device is selected, click or tap on Responsive to open a drop-down list with devices available for emulation, and then choose the one that you want to simulate.

You can simulate the mobile browser for many iPhones, the iPad, the Kindle Fire (Firefox is the only browser to offer this emulation option), and Samsung Galaxy S9 devices.

Use the mobile browser emulator in Firefox

When you’re done testing with the smartphone browser emulator, press the X (Close Responsive Design Mode) button on the top-right corner of Mozilla Firefox.

Close the mobile browser emulator in Firefox

You are back to the standard desktop browsing mode.

How to turn on and use the mobile browser emulator in Microsoft Edge

Microsoft Edge uses the same rendering engine as Google Chrome and offers the same smartphone browser emulators. To access them, visit the website that you want to test, and either press the CTRL + SHIFT + I keys on your keyboard or click the three horizontal dots (“Settings and more”) in the top-right corner of Microsoft Edge. In the menu that appears, go to More tools and then to Developer Tools.

Access the Developer tools in Microsoft Edge

Click the “Toggle device emulation” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. This activates the mobile browser emulator toolbar. By default, it uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate. Your options include the same smartphones and tablets as Google Chrome.

Access the mobile browser emulator in Microsoft Edge

Browse the site you want to test, change between the different mobile devices, and see how it looks. When you are done, press the X (Close) button in Microsoft Edge’s top-right corner.

Close the mobile browser emulator in Microsoft Edge

You are now back to the standard desktop browsing mode.

How to turn on and use the mobile browser emulator in Opera

In Opera, visit the web page that you want to view as if you were using a mobile device. Then click the Opera icon on the top-left (“Customize and control Opera”). In the menu that opens, choose Developer followed by Developer tools. If you prefer the keyboard, press the CTRL+Shift+I keys for the same result.

Access the Developer tools in Opera

The Developer tools are displayed on the right side of the browser window. Click the “Toggle device toolbar” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. The device toolbar is shown on the left. By default, it uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate from the list of options. Opera offers the same mobile browser emulators as Google Chrome and Microsoft Edge, as it is based on the same rendering engine (Chromium).

Access the mobile browser emulator in Opera

When you are done testing, press the X (Close) button in the top-right corner to get back to the standard desktop browsing mode.

Close the mobile browser emulator in Opera

Are you happy with the mobile browser emulation options available?

Now you know how to emulate all kinds of mobile devices in your favorite web browser. However, you might notice that most web browsers offer the same emulation options that favor iPhones and iPads. If you want to emulate a modern Android smartphone or tablet, your chances are pretty slim, even in Google Chrome - the browser developed by the company behind Android. If you want the best results, you might need to use two browsers for this task: Chrome and Firefox, or Firefox and Edge or Opera. Before you go, tell us what you think about the available options.

Related posts

• Cara Membesakan Tab di Chrome, Firefox, Microsoft Edge, dan Opera

• Cara mencetak artikel tanpa iklan di semua browser utama

• Bagaimana untuk pin situs ke taskbar atau Start Menu di Windows 10

• Cara Membuat Chrome default browser di Windows 10 (Firefox & Opera)

• Cara Mengubah default browser di Windows 11

• Tentang InPrivate and Incognito. Apa private browsing? Which browser adalah yang terbaik?

• Cara Pergi Incognito di Chrome, Firefox, Edge, dan Opera

• Cara menempatkan Google Chrome di Dark Mode

• Cara Memulai Microsoft Edge di Windows 10 (12 Cara)

• Cara mengekspor kata sandi LastPass Anda ke file CSV

• Cara Mengubah Lokasi Microsoft Edge download

• 7 cara browser harus meningkatkan penjelajahan pribadi (Incognito, InPrivate, dll)

• Cara mengimpor kata sandi ke LastPass dari Chrome, Firefox, Opera, dan Microsoft Edge

• Cara menghidupkan dan mematikan Dark Mode di Microsoft Edge

• Pertanyaan sederhana: Apa itu cookie dan apa fungsinya?

• Bagaimana mengubah bahasa di Firefox di Windows and Mac

• Versi Microsoft Edge apa yang saya miliki?

• 5 Masalah yang membuat Microsoft Edge menjadi browser web yang lebih buruk daripada yang lain

• Cara Hard Refresh halaman di browser Anda, di Mac (Safari, Chrome, Firefox, dan Opera)

• Cara Mengaktifkan Flash di Firefox