Beralih ke Tampilan Seluler

Pratinjau tampilan seluler satu klik untuk halaman mana saja.

Pemirsa web modern tidak tinggal diam. Mereka beralih dari monitor 27 inci di tempat kerja ke layar berukuran saku di kereta, dan mereka mengharapkan setiap situs terasa dibuat khusus untuk keduanya. Bagi para desainer, pengembang, pemasar, dan bahkan pengguna berpengalaman sehari-hari, hal itu menimbulkan pertanyaan harian: "Bagaimana tampilan halaman ini di ponsel sungguhan?" DevTools milik Chrome dapat menjawabnya—setelah Anda menelusuri menu, panel, dan sekumpulan bingkai perangkat. Beralih ke Tampilan Seluler mempersempit perjalanan itu menjadi satu klik atau pintasan, Ketuk ikon bilah alat (atau tekan Alt + M) dan halaman saat ini langsung dibatasi pada area pandang seukuran ponsel. Latar belakang abu-abu lembut mengisolasi halaman dari bagian lain jendela browser, menjadikan konten Anda sebagai bintang sekaligus mengingatkan Anda secara visual bahwa Tampilan Seluler aktif. Lencana kecil melayang di sudut yang menampilkan prasetel perangkat saat ini—dimulai dengan iPhone 14, Ekstensi ini dilengkapi dengan tiga breakpoint yang paling sering diminta—iPhone 14 (390 × 844 px), Pixel 7 (412 × 915 px), dan iPad mini (768 × 1024 px). Setiap preset menyesuaikan tag meta viewport, lebar elemen, dan perilaku gulir untuk meniru nuansa perangkat yang dipilih. Siapa yang diuntungkan? Pengembang front-end dapat mendeteksi kemunduran tata letak dalam hitungan detik tanpa membuka DevTools—ideal saat mengelola banyak cabang atau server pementasan. Desainer UI/UX memperoleh pemeriksaan kewarasan cepat sebelum mengirim komposisi Figma baru ke bagian teknik. Tim penjaminan mutu dapat membuat skrip pintasan papan ketik ke dalam rangkaian pengujian otomatis untuk pengujian yang responsif dan lebih cepat. Pembuat konten dan pemasar melihat pratinjau buletin, halaman arahan, dan sematan sosial untuk memastikan keterbacaan di layar kecil. Agen dukungan pelanggan yang mereproduksi masalah yang dilaporkan oleh pengguna seluler tidak lagi memerlukan perangkat fisik atau simulator. Pendidik dan siswa yang mengeksplorasi konsep desain responsif mendapatkan kotak pasir yang mudah didekati dan aman dari izin. Baik Anda sedang menyempurnakan alur pembayaran beberapa menit sebelum peluncuran atau mengajar kelas yang penuh dengan calon pengembang, ekstensi ini akan masuk ke dalam alur kerja Anda dengan kurva belajar yang hampir nol.