CRX id
pmkbdhlmjbnmmpeecekhplejmlmeapog
pmkbdhlmjbnmmpeecekhplejmlmeapog
Description from extension meta
Ukur jarak dan grid sempurna piksel pada mana-mana halaman web.
Image from store
Description from store
Ketepatan piksel ialah wira senyap reka bentuk yang hebat. Penjajaran salah piksel tunggal boleh memecahkan rentak grid, menjadikan teks berasa di luar tengah atau menyebabkan keseluruhan komponen kelihatan "hampir betul" tetapi tidak betul. Grid Ruler Lite memberikan pembangun bahagian hadapan, pereka UI/UX, penguji QA dan sesiapa sahaja yang mengambil berat tentang penggilap visual dengan segera, kit alat pengukur dalam penyemak imbas—tiada perisian reka bentuk kelas berat, tiada panel DevTools yang bersepah dan tiada tangkapan skrin yang dikocok ke dalam apl luaran. Dengan satu klik sambungan menindih pembaris boleh diubah saiz, panduan snap-to-grid dan grid garis dasar pilihan di atas mana-mana halaman web supaya anda boleh menyemak jarak, mengesahkan grid 8 mata dan menangkap bukti pepijat reka letak dalam beberapa saat.
Apakah yang Membuatkan Grid Ruler Lite Menyerlah?
Pengaktifan Satu Klik, Pemecatan Satu Klik
Klik ikon bar alat (atau gunakan pintasan yang anda tetapkan dalam tetapan papan kekunci penyemak imbas) dan sambungan itu menyuntik<canvas> tindanan terkandung dalam Shadow-DOM sendiri. CSS halaman anda tidak boleh mengganggu dan tindanan tidak pernah mengubah pepohon DOM yang anda uji. Klik sekali lagi dan setiap panduan, grid dan label hilang—tiada muat semula halaman, tiada pendengar acara yang berlarutan.
Mengapa Anda Menginginkannya dalam Kit Alat Anda
Jimat Masa: Mengukur pelapik dalam DevTools memerlukan penggerudian ke dalam kotak bersarang dan menambahkan nilai jidar dan jidar secara mental. Grid Ruler Lite menunjukkan jarak secara visual dalam satu seretan.
Kurangkan Pepijat: Tangkap regresi jarak kecil sebelum ia mencapai pementasan atau, lebih teruk, pengeluaran—terutamanya dalam titik putus responsif di mana mata QA tidak selalu mendarat.
Tingkatkan Kerjasama: Pereka bentuk boleh tindih grid 8 mata secara langsung pada binaan yang digunakan dan berkongsi tangkapan skrin, memberikan maklum balas piksel tepat kepada pembangun tanpa ulasan Figma.
Kekal Fokus: Tiada tab alt ke dalam Photoshop atau membuka fail Sketch hanya untuk mengukur butang. Segala-galanya berlaku melalui halaman langsung, sama seperti yang dilihat oleh pengguna akhir.
Mendidik & Dokumen: Pengurus produk dan penulis teknikal boleh menunjukkan tingkah laku reka letak dengan tangkapan skrin pembaris, menjadikan dokumen spesifikasi lebih jelas untuk semua pihak berkepentingan.
Kumpulan Pengguna Sasaran
Kumpulan Pengguna
Pembangun Hadapan
Perlu mengesahkan jarak CSS, jurang kotak flex dan penjajaran komponen merentas titik putus Pembaris seret, pasang ke tepi, kunci panduan, eksport tangkapan skrin untuk ulasan PR
Pereka UI/UX
Mesti mengesahkan bahawa pembangun membina sistem reka bentuk 8 mata atau 10 mata yang menghormati Tindanan grid garis dasar, mengukur pelapik, berkongsi PNG beranotasi
Penguji QA
Laporkan pepijat sempurna piksel dengan bukti yang jelas
Pengukuran pantas dan tangkapan tangkapan skrin satu kunci terus ke penjejak pepijat
Editor Kandungan & PM
Semak pembalut tajuk, jarak slot iklan dan reka letak kad pada halaman dipacu CMS Tindanan bukan teknikal mengelakkan kerumitan DevTools
Pendidik & Pelajar
Ajar prinsip reka bentuk, teori grid dan reka letak responsif secara langsung dalam pelayar Visual, tunjuk cara masa nyata tanpa alat luaran