Inspektur Visual(前端重构+视觉走查辅助工具) di Chrome dengan OffiDocs
Ad
DESKRIPSI
## Inspektur Visual > Ini adalah plugin chrome untuk membantu insinyur dan desainer front-end menemukan perbedaan antara mockup desain dan halaman web dengan cepat.
serta pemeriksaan mandiri front-end engineer UI, mengurangi biaya komunikasi dengan desainer.
> Anda dapat memodifikasi `size`, `position`, `transparency`, `mix mode` naskah desain sesuka hati, untuk memfasilitasi perbandingan UI dari berbagai gaya desain.
> Jika Anda melakukan pemfaktoran ulang halaman, fungsi real-time dapat dengan mudah dikembalikan ke keadaan sebelum halaman disegarkan setelah halaman disegarkan (seperti ukuran, posisi, transparansi, dll.
draf desain).
> Pada saat yang sama, jika Anda tidak perlu memindahkan desain peregangan, disarankan untuk membuka fungsi beku, sehingga desain tidak lagi merespons aktivitas mouse, tidak dapat meregangkan dan menyeret, dan tidak akan memengaruhi interaksi fungsi halaman itu sendiri.
> Pintasan preset untuk perintah yang sering digunakan untuk pengoperasian dan perbandingan yang lebih mudah ### Versi baru (1.3.9+) menghapus penggaris.
bagi yang membutuhkan fungsi ini, harap pasang penggaris seperti [penggaris yang lebih baik](https://chrome.
com/webstore/detail/better-ruler/ilcnadaaninblgbekoaihdhoiecaflie), yang mendukung elemen gertakan.
### tombol pintasan: - h: tampilkan atau sembunyikan mockup - f: tampilkan atau sembunyikan toolbar bawah - d: bekukan atau unfreeze mockup - Tombol angka (0-9): Atur transparansi mockup dengan cepat.
Misalnya, jika Anda menekan 5 dua kali dalam 1 detik, transparansi maket akan disetel menjadi 55%.
Jika hanya tombol angka yang ditekan sekali dalam 1 detik, misalnya 5, maka secara otomatis akan terisi 0 setelah satu detik, yaitu atur transparansi maket menjadi 50%.
- Tombol panah: Pindahkan mockup dan pindahkan 1px sekaligus.
Jika Anda menekan tombol Shift pada saat yang sama, Anda akan bergerak 10px sekaligus.
- Adaptasi cepat: - alt + 0: Reset - alt + 1: Ukuran gambar asli - alt + 2: Ukuran asli *2 - alt + 3: Ukuran asli /2 - alt + 4: Lebar Jendela - Jika pintasan tidak berfungsi , harap periksa apakah fokus halaman saat ini berada di dalam kontrol formulir lain (seperti input, textarea.
.
.
)? Cara termudah, klik mockup, atau area kosong di halaman dan coba lagi :)
Informasi tambahan:
- Ditawarkan oleh paul
- Peringkat rata-rata: 4.5 bintang (menyukainya)
- Pengembang Alamat email ini dilindungi dari robot spam. Anda perlu mengaktifkan JavaScript untuk melihatnya.
Inspektur Visual(前端重构+视觉走查辅助工具) web extension terintegrasi dengan OffiDocs Chromium secara online