Desain
9 Jul 2025
FramerFramer Pratinjau: Cara Memeriksa Tata Letak Responsif
FramerFramer에서 사이트 미리보기를 실행하는 방법과 반응형 레이아웃 점검 방법을 안내합니다. 뷰포트를 조절하여 다양한 디바이스 환경에서 보이는 화면을 확인할 수 있으며, 커스텀 코드는 실제 배포 후 확인 가능합니다.

Diposting oleh

Diterjemahkan oleh
Daftar Isi
Daftar Isi
Dokumen ini dibuat untuk membantu pengguna lokal yang belajar FramerFramer mengatasi kesulitan akibat kurangnya sumber daya dalam bahasa Indonesia, dengan menerjemahkan konten dari blog resmi ke dalam bahasa Indonesia dan menambahkan informasi yang berguna untuk praktik profesional. Semoga bisa sedikit membantu Anda yang menggunakan FramerFramer.
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 FramerFramer Previewing your Site.




