Desain
9 Jul 2025
Framer Pratinjau: Cara Memeriksa Tata Letak Responsif
Panduan cara menjalankan pratinjau situs di Framer dan memeriksa tata letak responsif. Anda dapat menyesuaikan viewport untuk melihat tampilan layar di berbagai lingkungan perangkat, dan kode kustom dapat diperiksa setelah deployment sebenarnya.
Diposting oleh
Diterjemahkan oleh
Daftar Isi
Daftar Isi
Cara Menjalankan Pratinjau
Klik tombol
Playyang terletak di kiri atas halaman (frame)Atau gunakan pintasan keyboard
macOS:
⌘ + PWindows:
Ctrl + P
Untuk keluar dari layar pratinjau, tekan tombol ESC atau klik tombol tutup di pojok kanan atas.
Memeriksa Tata Letak Responsif
Dalam mode pratinjau, Anda dapat dengan leluasa menyesuaikan ukuran viewport. Hal ini memungkinkan Anda memeriksa pratinjau halaman untuk setiap titik jeda (breakpoint) secara langsung.
Ingin melakukan pratinjau berdasarkan perangkat atau breakpoint tertentu?
Klik tombol penyesuaian viewport yang berada di tengah atas mode pratinjau
Pilih ukuran perangkat atau breakpoint yang diinginkan dari menu tarik-turun yang muncul
Misalnya, jika Anda memilih Tablet, layar akan disesuaikan secara otomatis untuk lingkungan tablet sehingga Anda dapat memeriksa bagaimana tampilannya.
Catatan: Settings tambahan custom code tidak diterapkan dalam layar pratinjau (hanya dapat dilihat setelah situs diterbitkan).
Artikel ini merupakan konten terjemahan dan adaptasi dari dokumen resmi Framer Previewing your Site.
