Mulai Menggunakan DevSuite Pro Hanya dengan Beberapa Klik
Memulai sangat mudah. Instal ekstensi, buka halaman web mana pun, dan akses 39+ alat pengembang dari popup atau dok mengambang. Tidak perlu konfigurasi.
Tambahkan ekstensi ke Chrome
Buka Chrome Web Store dan cari Ekstensi "DevSuite Pro".
Klik "Tambahkan ke Chrome" lalu konfirmasi dengan mengklik "Tambahkan ekstensi" di jendela pop-up.
Buka halaman web mana pun dan jalankan alat
Buka situs web mana pun, lalu klik ikon DevSuite Pro di toolbar atau gunakan dok mengambang di halaman.
Pilih alat apa pun dari grid. Alat seperti CSS Inspector, Rulers, atau Color Picker langsung aktif di halaman saat ini.
Fitur Ekstensi
Fitur Utama DevSuite Pro
DevSuite Pro menawarkan 39+ alat pengembang untuk memeriksa, mengukur, mendesain, dan menganalisis halaman web. Tingkatkan alur kerja Anda dengan fitur canggih yang terintegrasi langsung di browser Anda.
CSS Inspector
Arahkan kursor ke elemen mana pun untuk langsung melihat dan mengedit gaya CSS-nya secara langsung, memudahkan proses debug dan penyesuaian desain secara real-time.
Klik elemen mana pun untuk memeriksa propertinya, dimensi, jarak, font, dan warna. Pahami struktur halaman secara instan tanpa membuka DevTools browser.
Rulers & Guides
Ukur jarak, periksa penyelarasan, dan tambahkan penggaris serta panduan presisi piksel di halaman web mana pun untuk memastikan desain Anda selaras sempurna.
Color Picker
Ambil warna dari elemen mana pun di halaman dan salin nilai HEX, RGB, atau HSL ke clipboard Anda dengan satu klik.
Screenshot Capture
Tangkap screenshot seluruh halaman atau area yang terlihat dari halaman web mana pun dan unduh secara instan — sempurna untuk berbagi desain dan melaporkan bug.
Responsive Tester
Pratinjau halaman web mana pun di berbagai ukuran layar dan resolusi perangkat untuk menguji desain responsif tanpa meninggalkan browser Anda.
Pertanyaan yang Sering Diajukan oleh Pengguna DevSuite Pro
Pertanyaan umum tentang fitur dan penggunaan ekstensi DevSuite Pro. Jika Anda memiliki pertanyaan, jawabannya mungkin sudah ada di bawah.
Bagaimana cara menginstal DevSuite Pro?
Kunjungi Chrome Web Store, cari "DevSuite Pro", klik "Tambahkan ke Chrome", dan konfirmasi dengan memilih "Tambahkan Ekstensi". Setelah terinstal, ikon ekstensi akan muncul di toolbar browser Anda. Klik untuk mengakses 39+ alat pengembang secara instan.
Apa perbedaan antara alat Gratis dan Pro?
Alat gratis (20+) tersedia untuk semua orang tanpa lisensi. Alat Pro ditandai dengan lencana PRO emas dan memerlukan lisensi Pro aktif. Anda dapat melihat alat mana yang gratis atau pro dari popup — alat gratis tidak memiliki ikon gembok, sementara alat pro tampak sedikit redup sampai Anda mengaktifkan lisensi.
Mengapa alat tidak berfungsi di beberapa situs web?
Beberapa situs web memiliki Kebijakan Keamanan Konten (CSP) yang ketat yang memblokir tindakan ekstensi browser tertentu. Ini terutama umum di situs perbankan dan pemerintah. Selain itu, halaman internal Chrome (chrome://) tidak mengizinkan ekstensi menjalankan skrip konten.
Apakah perubahan saya pada halaman bersifat permanen?
Tidak. Semua perubahan yang dibuat oleh alat seperti Move Element, Live Text Editor, Delete/Hide Element, dan CSS Inspector bersifat sementara. Perubahan hanya memengaruhi apa yang Anda lihat di browser saat ini. Memuat ulang halaman akan mengembalikan semuanya ke keadaan semula.
Bagaimana cara mengaktifkan lisensi Pro saya?
Buka popup DevSuite Pro, klik ikon Pengaturan di pojok kanan atas. Gulir ke bawah ke bagian Lisensi, tempel kunci lisensi Anda di kolom input, and klik Aktifkan. Jika kunci valid, lencana akan berubah dari FREE menjadi PRO dan semua alat pro akan terbuka secara instan.
Bagaimana cara memindahkan atau menyembunyikan dok mengambang?
Anda dapat memindahkan dok dengan masuk ke Pengaturan dan memilih posisi sidebar yang berbeda — Atas, Bawah, Kiri, atau Kanan. Anda juga dapat menyembunyikan dok sepenuhnya dengan menonaktifkan "Tampilkan dok di halaman" di Pengaturan, atau menekan Ctrl+Shift+X kapan saja.
Apakah DevSuite Pro mengumpulkan data penjelajahan?
Tidak. DevSuite Pro tidak mengumpulkan, melacak, atau mengirimkan data penjelajahan Anda. Semua pengaturan disimpan secara lokal di browser Anda. Satu-satunya permintaan eksternal dilakukan saat aktivasi kunci lisensi untuk memverifikasi kunci Anda di server kami.
Bisakah saya menggunakan DevSuite Pro di Firefox?
Ya! DevSuite Pro tersedia di Chrome Web Store dan Firefox Add-ons. Ini berfungsi di Chrome, Edge, Brave, dan browser berbasis Chromium lainnya, serta Firefox.
