Bermula adalah mudah. Pasang sambungan, buka mana-mana halaman web, dan akses 39+ alat pembangun daripada pop-up atau dok terapung. Tiada konfigurasi diperlukan.
Tambah Sambungan ke Chrome
Buka Chrome Web Store dan cari sambungan "DevSuite Pro".
Klik "Add to Chrome" dan kemudian sahkan dengan mengklik "Add extension" dalam tetingkap pop-up.
Buka mana-mana halaman web & lancarkan alat
Pergi ke mana-mana laman web, kemudian klik pada ikon DevSuite Pro dalam bar alat atau gunakan dok terapung pada halaman.
Pilih mana-mana alat daripada grid. Alat seperti CSS Inspector, Pembaris, atau Pemilih Warna diaktifkan serta-merta pada halaman semasa.
Ciri-ciri Sambungan
Ciri-ciri Utama DevSuite Pro
DevSuite Pro menyediakan 39+ alat pembangun untuk pemeriksaan, pengukuran, reka bentuk, dan analisis halaman web. Percepatkan aliran kerja anda dengan ciri berkuasa yang dibina terus ke dalam pelayar anda.
CSS Inspector
Tuding pada mana-mana elemen untuk melihat gaya CSSnya serta-merta dan edit secara langsung, memudahkan untuk nyahpepijat dan melaraskan reka bentuk dalam masa nyata.
Klik pada mana-mana elemen untuk memeriksa sifat, dimensi, jarak, fon, dan warnanya. Fahami struktur halaman dengan segera tanpa membuka DevTools pelayar.
Pembaris & Panduan
Ukur jarak, periksa penjajaran, dan tambah pembaris serta panduan berketepatan piksel pada mana-mana halaman web untuk memastikan reka bentuk anda dijajarkan dengan sempurna.
Pemilih Warna
Pilih warna daripada mana-mana elemen pada halaman dan salin nilai HEX, RGB, atau HSL ke papan keratan dengan satu klik.
Tangkapan Skrin
Tangkap tangkapan skrin seluruh halaman atau kawasan yang boleh dilihat pada mana-mana halaman web dan muat turunnya serta-merta — sesuai untuk berkongsi reka bentuk dan melaporkan pepijat.
Penguji Responsif
Pratonton mana-mana halaman web dalam saiz skrin dan resolusi peranti yang berbeza untuk menguji reka bentuk responsif tanpa meninggalkan pelayar anda.
Soalan biasa mengenai ciri dan penggunaan sambungan DevSuite Pro. Jika anda mempunyai soalan, jawapannya mungkin sudah ada di bawah.
Bagaimana untuk memasang DevSuite Pro?
Lawati Chrome Web Store, cari "DevSuite Pro", klik "Add to Chrome" dan sahkan dengan memilih "Add Extension". Setelah dipasang, ikon sambungan akan muncul dalam bar alat pelayar anda. Klik padanya untuk mengakses 39+ alat pembangun serta-merta.
Apakah perbezaan antara alat Percuma dan Pro?
Alat percuma (20+) tersedia untuk semua orang tanpa lesen. Alat Pro mempunyai lencana emas PRO dan memerlukan lesen Pro yang aktif untuk digunakan. Anda boleh melihat alat mana yang percuma atau pro dari pop-up — alat percuma tidak mempunyai ikon kunci, manakala alat pro akan kelihatan sedikit malap sehingga anda mengaktifkan lesen anda.
Mengapa alat ini tidak berfungsi pada sesetengah laman web?
Sesetengah laman web mempunyai Dasar Keselamatan Kandungan (CSP) yang ketat yang menyekat tindakan sambungan pelayar tertentu. Ini amat biasa pada laman perbankan dan kerajaan. Selain itu, halaman dalaman Chrome (chrome://) tidak membenarkan sambungan menjalankan skrip kandungan.
Adakah perubahan saya pada halaman adalah kekal?
Tidak. Semua perubahan yang dibuat oleh alat seperti Alih Elemen, Editor Teks Langsung, Padam/Sembunyi Elemen dan CSS Inspector adalah sementara. Ia hanya menjejaskan apa yang anda lihat dalam pelayar anda pada masa ini. Muat semula halaman akan mengembalikan semuanya ke keadaan asal.
Bagaimana untuk mengaktifkan lesen Pro saya?
Buka pop-up DevSuite Pro, klik pada ikon Tetapan di sudut atas kanan. Tatal ke bawah ke bahagian Lesen, tampal kunci lesen anda dalam medan input, dan klik Aktifkan. Jika kunci sah, lencana akan bertukar daripada FREE kepada PRO dan semua alat pro akan dibuka serta-merta.
Bagaimana untuk mengalih atau menyembunyikan dok terapung?
Anda boleh mengalih dok dengan pergi ke Tetapan dan memilih posisi bar sisi yang berbeza — Atas, Bawah, Kiri, atau Kanan. Anda juga boleh menyembunyikan dok sepenuhnya dengan mematikan togol "Show dock on pages" dalam Tetapan atau menekan Ctrl+Shift+X pada bila-bila masa.
Adakah DevSuite Pro mengumpul data penyemakan imbas?
Tidak. DevSuite Pro tidak mengumpul, menjejak, atau menghantar mana-mana data penyemakan imbas anda. Semua tetapan disimpan secara tempatan dalam pelayar anda. Satu-satunya permintaan luaran dibuat semasa pengaktifan kunci lesen untuk mengesahkan kunci anda dengan pelayan kami.
Bolehkah saya menggunakan DevSuite Pro pada Firefox?
Ya! DevSuite Pro tersedia di Chrome Web Store dan Firefox Add-ons. Ia berfungsi pada Chrome, Edge, Brave, dan pelayar berasaskan Chromium yang lain, serta Firefox.
