Insinyur front-end
Verifikasi breakpoint pada DOM sungguhan dengan lebar perangkat yang sebenarnya, tanpa berpindah ke DevTools dan tanpa repot mengatur ukuran jendela.
BaruPapan kerja - 10 perangkat sekaligus
Situs Anda, tanpa celadi setiap iPhone.
Viewport menumpangkan bingkai perangkat yang sesuai spesifikasi di atas situs yang sedang Anda buka. Bandingkan breakpoint berdampingan, temukan bug tata letak sebelum QA, dan ekspor tangkapan layar berbingkai atau rekaman 4K, sepenuhnya di komputer Anda sendiri.
Situs apa pun · 38 perangkat · Setelan tersinkron antartab · Tanpa akun, tanpa telemetri, tanpa unggahan
Chrome Web Store★ 5.0·5.000+ pengguna
UnggulanDirekomendasikan Chrome
yourstore.com
Untuk siapa ini
Satu ekstensi, tiga cara kerja
Orang yang membangun antarmuka responsif, orang yang merancangnya, dan orang yang harus membuktikan semuanya benar-benar berfungsi.
Desainer produk
Periksa spasi, skala tipografi, dan area aman dalam bingkai yang akurat, lalu ekspor tangkapan berbingkai langsung ke dokumen spesifikasi atau dek presentasi.
Agensi dan pekerja lepas
Buktikan kualitas responsif secara langsung saat panggilan. Satu kali berbagi layar sudah menampilkan desktop dan seluler bekerja bersama, tanpa membelah jendela.
Kemampuan
Empat hal yang dikerjakannya dengan sangat baik
Bukan tumpukan fitur. Inilah empat kemampuan yang menjadi dasar seluruh ekstensi ini.
Demo langsung
Coba ekstensinya di sini juga
Inilah alur kerja sesungguhnya: pilih perangkat dari toolbar, putar, ambil tangkapan layar, lalu mulai merekam. Halaman di belakangnya adalah situs Anda.
yourpage.com
402 x 874/34%
Dari build sampai persetujuan
Buktikan berfungsi sebelum ada yang bertanya
Kualitas responsif jauh lebih mudah ditunjukkan daripada dijelaskan. Viewport mengubah pemeriksaan internal menjadi sesuatu yang bisa langsung Anda serahkan ke klien.
Memulai
Berjalan dalam tiga klik
Tanpa berkas konfigurasi, tanpa akun, tanpa penyiapan proyek.
01
Buka halaman mana pun
Klik ikon di toolbar. Sebuah perangkat muncul di atas situs sungguhan, sudah termuat dan sepenuhnya bisa dioperasikan.
02
Atur tampilannya
Pilih perangkat, putar, ubah skalanya, dan seret ke mana saja, atau susun satu papan penuh berisi ponsel, tablet, dan monitor.
03
Bandingkan dan rekam
Scroll serempak di semua bingkai, lalu ekspor tangkapan berbingkai atau rekam seluruh proses dari awal sampai akhir.
Diukur, bukan diklaim
Di mana Viewport unggul
Dibandingkan dengan ekstensi pratinjau responsif yang paling banyak dipasang di Chrome Web Store.
Arsitektur mengutamakan lokal
Tidak ada yang keluar dari komputer Anda, dan kami tunjukkan caranya
Viewport tidak punya backend untuk data Anda. Tanpa analitik, tanpa telemetri, tanpa kode yang dimuat dari jarak jauh. Setelan tersimpan di chrome.storage.local; hasil tangkapan langsung terunduh ke disk Anda.
Untuk merender halaman di dalam bingkai, peramban mengharuskan kami melonggarkan X-Frame-Options dan Content-Security-Policy pada permintaan pratinjau. Kami membatasinya hanya pada origin yang dipratinjau (bingkai pihak ketiga di halaman tetap terlindungi) dan menampilkan spanduk selama fitur itu aktif. Semuanya dicabut begitu Anda menutup pratinjau.
Sebagian besar alat melakukannya diam-diam, dan untuk seluruh tab. Kami lebih suka Anda mengetahuinya.
Harga
Gratis selamanya. Pro saat pekerjaan menuntutnya.
Paket gratis adalah alat kerja tanpa batas waktu, bukan masa percobaan.
Gratis
$0selamanya
- Seluruh 38 bingkai perangkat
- Hingga 3 perangkat di layar
- Tangkapan berbingkai tanpa batas
- Rekaman WebM 2 menit
- Jendela sungguhan sebagai cadangan di situs ketat
Pro
Paling populer$4.17/ bulan, ditagih $50 per tahun
- Semua yang ada di Gratis, ditambah:
- Papan 10 perangkat dan scene tersimpan
- MP4 4K tanpa batas, pemotongan dan kecepatan
- Perbandingan build dan audit tata letak
- Pembatasan jaringan, geolokasi, dan lokal
Paket gratis, tanpa akunBatalkan kapan sajaPembayaran aman oleh Lemon Squeezy
Tanya jawab
Jawaban, sebelum Anda bertanya
Lima pertanyaan yang ditanyakan setiap pengembang sebelum memasang.
Tidak, dan tidak ada yang berjalan di dalam peramban yang bisa menggantikannya. Viewport merender halaman Anda yang sebenarnya pada lebar viewport asli tiap perangkat dengan client hints yang sesuai, sehingga menangkap sebagian besar masalah tata letak dan breakpoint. Pemeriksaan yang menentukan sebelum rilis tetap harus di perangkat sungguhan.
Berhenti merilis breakpoint yang belum pernah Anda lihat.
Tambahkan Viewport ke Chrome dan periksa setiap perangkat pada halaman yang sedang Anda buka. Gratis, tanpa akun, tanpa mengunggah apa pun.