Cara Install Ekstensi Chrome
- Klik tombol "Tambahkan ke Chrome" di atas.
- Anda akan diarahkan ke Chrome Web Store.
- Klik "Add to Chrome" pada halaman ekstensi.
- Konfirmasi dengan klik "Add Extension" pada popup.
- Ekstensi akan otomatis terpasang dan ikon muncul di toolbar.
- Klik ikon ekstensi di toolbar untuk mulai menggunakan.
Screenshot
Apakah Anda seorang web developer atau desainer grafis di Indonesia yang sering kesulitan melakukan validasi tata letak website? Screen Ruler hadir sebagai solusi terbaik untuk meningkatkan produktivitas Anda. Ekstensi browser canggih ini memungkinkan Anda untuk mengukur elemen, mengekstrak CSS, dan memeriksa warna dengan presisi tinggi langsung dari browser Anda.
Dengan antarmuka yang ringan dan cepat, Screen Ruler membantu tim pengembang untuk memangkas waktu kerja secara signifikan. Tidak perlu lagi berpindah-pindah aplikasi, karena semua alat yang Anda butuhkan untuk inspeksi web telah terintegrasi dalam satu ekstensi yang handal dan intuitif bagi profesional di industri kreatif Indonesia.
Fitur Utama
- Mengukur dimensi piksel elemen web dengan akurasi tinggi.
- Menampilkan margin, padding, tag HTML, ID, dan class secara real-time.
- Alat pemetik warna (color picker) untuk mengambil kode warna dari elemen apa pun.
- Penggaris halaman (page rulers) dengan panduan horizontal dan vertikal.
- Integrasi inspeksi CSS yang dapat disalin langsung ke clipboard.
- Pintasan keyboard untuk pemilihan elemen induk dan anak yang efisien.
- Deteksi otomatis masalah aksesibilitas dan kontras WCAG.
- Fitur tangkapan layar elemen yang dipotong secara presisi.
Cara Penggunaan
- Aktifkan ekstensi dengan mengklik ikon atau menggunakan pintasan keyboard Alt/Option + Shift + R.
- Arahkan kursor ke elemen mana pun di halaman web untuk melihat properti ukuran dan kodenya.
- Klik pada elemen untuk memilihnya, lalu buka panel samping untuk melihat dan menyalin detail CSS.
- Gunakan pintasan Alt/Option + Panah Atas/Bawah untuk menavigasi struktur hirarki elemen (parent/child).
Pertanyaan Umum (FAQ)
Apakah Screen Ruler mendukung semua jenis browser?
Screen Ruler bekerja optimal pada browser berbasis Chromium, namun performa di browser khusus seperti Vivaldi atau Brave mungkin bervariasi.
Bagaimana cara menyalin kode CSS elemen?
Setelah memilih elemen, klik tombol “Copy CSS” yang tersedia di panel samping ekstensi.
Apakah tersedia fitur untuk menangkap layar elemen?
Ya, Anda dapat menggunakan pintasan Ctrl/Cmd + Shift + S untuk mengambil tangkapan layar elemen yang telah dipilih.
Bisakah saya menyesuaikan pintasan keyboard?
Tentu, Anda bisa menyesuaikan pintasan keyboard melalui pengaturan di chrome://extensions/shortcuts.
Apa kelebihan versi PRO?
Versi PRO membuka fitur tambahan seperti Floating Inspector untuk properti mendalam dan mode responsif yang lebih canggih.
Tingkatkan alur kerja pengembangan web Anda hari ini. Unduh Screen Ruler sekarang dan rasakan kemudahan dalam memvalidasi desain website Anda dengan lebih cepat dan akurat!
Pengguna memuji Screen Ruler sebagai alat produktivitas yang komprehensif, meskipun masih ada beberapa kendala pada stabilitas panel samping dan masalah kompatibilitas lintas browser.
Kelebihan
- Sangat berguna bagi developer dan meningkatkan produktivitas
- Alat lengkap yang menggantikan kebutuhan banyak ekstensi lain
- UI yang dirancang dengan baik, ringan, dan cepat
- Pengembang responsif terhadap pembaruan dan dukungan
Kekurangan
- Masalah keandalan pada panel samping yang sering gagal memperbarui data
- Fitur utama yang terkunci di balik paywall dianggap terlalu mahal
- Ketidakkonsistenan kinerja pada beberapa browser tertentu
- Masalah pada pintasan keyboard dan aktivasi ekstensi
Ulasan Pengguna
buruk
TERBAIK 🔥
Sangat bagus. Ekstensi ini sangat membantu. Namun, saya mengalami regresi fungsional: panel samping tidak lagi diperbarui saat elemen dipilih. Fitur ini sebelumnya berfungsi tetapi sekarang berhenti bekerja.
| ID Ekstensi | jfbbgijjljfbolelfkopkhbfjajjampm |
|---|---|
| Versi | 3.26.1 |
| Ukuran | 0.9 MB |
| Developer | https://screen-ruler.com |
| Terakhir Diperbarui | |
| Tanggal Rilis | |
| Jumlah Pengguna | 50.000++ |
| Jumlah Ulasan | 56 |
| Chrome Store Ranking | #3688 |
| Kategori | Pengembang |
| Tipe | Paid |
| Status | Featured Extension |