Temui Polypane, penyemak imbas yang menjadikan anda lima kali lebih cepat

Polypane: Pelayar multi-skrin yang direka khas untuk pembangunan web yang cekap

Kelebihan teras:

• Paparan Penyegerakan Multi-skrin: Polypane menumbangkan tradisi dan menggunakan pandangan multi-skrin untuk secara serentak menunjukkan kesan laman web di bawah saiz skrin yang berbeza, meningkatkan kecekapan reka bentuk responsif.
Alat Pembangunan Bersepadu:
• Alat pembangunan yang kuat terbina dalam, termasuk tambah nilai masa nyata, debugging CSS, ujian bebas penghalang, tangkapan skrin skrin penuh, simulasi peranti, dan lain-lain, memudahkan proses pembangunan dan meningkatkan produktiviti.
meningkatkan kecekapan:
• Penyelidikan menunjukkan bahawa pemaju yang menggunakan polypane adalah 3 hingga 10 kali lebih efisien, dan dengan ketara mengurangkan beban kerja pembetulan pepijat selepas pergi dalam talian.
Sebagai pemaju, kami mengejar alat yang cekap. Kami dengan teliti memilih papan kekunci, editor kod, dan IDE, dan juga dengan teliti memikirkan tema dan fon kod (saya menggunakan kod FIRA). Kami mengoptimumkan CSS dan aliran pemprosesan imej dan menggunakan alat binaan yang cekap.

Walau bagaimanapun, kami melayari web menggunakan penyemak imbas yang sama seperti Volkswagen. Bukankah ini pelik? Kami dipilih dengan teliti dari banyak editor kod, dan rasa menaip papan kekunci juga berusaha untuk menjadi sempurna, tetapi kami terus menggunakan penyemak imbas yang sama. Sama seperti kita tidak tahu bagaimana menulis kod dalam Word, kita tidak boleh berpuas hati dengan menggunakan pelayar biasa untuk pembangunan laman web.

---

(artikel ini dikutip dari siri artikel "peta jalan", yang meneroka penciptaan produk dan promosi dari perspektif pemaju. Kami akan berkongsi pelajaran yang dipelajari oleh pemimpin produk dan menyediakan pengasas teknikal dengan Pengalaman dan pelajaran yang dipelajari oleh pemimpin produk

Keterbatasan pelayar tradisional:

---

aliran kerja menggunakan penyemak imbas tradisional biasanya seperti ini: Pertama membina laman web pada satu saiz, kemudian laraskan saiz penyemak imbas, dan kemudian membina reka bentuk untuk saiz itu. Ulangi ini, ia tidak cekap. Lebih buruk lagi, semasa pembangunan, tuntutan baru yang dibawa oleh halaman baru boleh menjejaskan halaman yang lengkap, mengakibatkan kerja semula.

Di samping itu, sebagai tambahan kepada reka bentuk visual, kita juga perlu melakukan ujian kebolehaksesan, menghasilkan tangkapan skrin skrin penuh, semak tag meta, dan lain-lain, yang memerlukan memasang pelbagai penyemak imbas, yang akhirnya membawa kepada pelayar yang perlahan berjalan.

Keistimewaan polypane:

Buka polipana, anda tidak melihat laman web tunggal, tetapi pandangan segerak laman web di bawah saiz skrin berganda, seolah -olah berbilang peranti diletakkan pada desktop. Lebih penting lagi, saiz skrin ini disegerakkan: tatal, ketuk, hover, atau tindakan input disegerakkan ke semua skrin. Anda mengendalikan laman web yang sama, hanya melihatnya dalam pelbagai saiz pada masa yang sama.

Pelbagai skrin dipaparkan bersebelahan, tanpa penyesuaian berulang saiz penyemak imbas. Anda boleh memilih dari lebih daripada 20 peranti pratetap (telefon, tablet, dan komputer riba) atau anda boleh menyesuaikan saiz dengan bebas. Anda juga boleh meminta Polypane untuk menghuraikan halaman CSS, cari semua pertanyaan media CSS dan buat saiz skrin daripadanya, pastikan anda sentiasa menguji laman web di semua saiz sasaran.

Ini sendiri sangat meningkatkan produktiviti. Di samping menghapuskan penyemak imbas berulang kali, polypane telah melakukan lebih banyak:

• Reload masa nyata: Polypane menyokong mana-mana sistem muat semula panas atau masa nyata, dan mempunyai konfigurasi sifar dalam konfigurasi masa nyata. Tentukan sahaja folder yang ingin anda periksa. Ia juga menyokong fail HTML tulen! Perkara terbaik ialah jika anda mengemas kini fail atau imej CSS, polipana menyegarkan hanya kandungan, dan bukannya memuatkan semula keseluruhan halaman.

Alat Pembangunan Avatar Penyemak imbas:

Anda boleh bertanya: Apa yang perlu dilakukan jika anda membangunkan alat? Alat pembangunan untuk penyemak imbas tradisional adalah hebat, dan polypane juga menggunakan alat pembangunan yang sama kuat (termasuk sambungan alat pemaju) sebagai Google Chrome dan Microsoft Edge. Tetapi alat pemaju dalam penyemak imbas adalah tambahan selepas semua. 99% daripada pengguna sasaran penyemak imbas adalah bukan pemaju, jadi kami hanya boleh mendapatkan kawasan alat pemaju kecil ini.

Jika kita memikirkan keseluruhan penyemak imbas sebagai alat pembangunan, kita bukan sahaja dapat membuka lebih banyak ciri baru, tetapi juga mengoptimumkannya supaya setiap ciri baru tidak melambatkan penyemak imbas seperti lanjutan penyemak imbas.

inilah sebabnya polypane mempunyai banyak ciri terbina dalam:

screenshot penuh
Simulasi Peralatan
Pratonton Perkongsian Media Sosial
Ujian kebolehcapaian terbina dalam
mod gelap dan mengurangkan simulasi pertanyaan media gerakan
penyuntingan CSS masa nyata pada semua skrin
Header Custom
Simulasi sentuh
Emulator Blindness Color
penyemak imbas sampingan yang memaparkan alat penghantaran, dokumen atau reka bentuk anda secara langsung di sebelah laman web anda
pemeriksa kontras warna CSS, mencadangkan warna dan pratontonnya dalam masa nyata
overlay imej untuk ujian regresi visual atau reka bentuk sempurna piksel

Alat Ujian Lanjutan:

Ini hanya permulaan. Adakah terdapat pemeriksa unsur yang membolehkan anda mengedit halaman pada semua skrin pada masa yang sama dan mudah menguji gaya dan kandungan baru? Inspektor elemen polipana boleh melakukan ini.

Atas ialah kandungan terperinci Temui Polypane, penyemak imbas yang menjadikan anda lima kali lebih cepat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!