Postingan ini adalah bagian dari serangkaian postingan blog yang menjelaskan perubahan yang kami lakukan pada arsitektur DevTools dan cara pembuatannya.
Ketika DevTools pertama kali dibuat, bertahun-tahun yang lalu, tim memilih untuk membangun framework UI khusus. Ini adalah pilihan yang wajar pada saat itu dan telah melayani DevTools dengan baik.
Namun sejak saat itu berbagai fitur telah ada di platform dan salah satunya, Komponen Web, sangat cocok untuk membangun elemen UI baru di DevTools. Dengan mengandalkan apa yang disediakan platform, kita bisa mengurangi jumlah kode UI khusus yang harus kita pertahankan dan investasikan lebih banyak dalam membangun fitur untuk DevTools, daripada mendukung infrastruktur yang dibuat sendiri.
Untuk membantu transisi, kami membuat panduan untuk membangun elemen UI di DevTools untuk dibagikan kepada tim DevTools yang lebih luas. Beberapa panduan ini dibuat khusus untuk DevTools dan arsitekturnya, yang memiliki serangkaian batasannya sendiri, tetapi beberapa di antaranya merupakan panduan umum tentang pendekatan yang telah kami gunakan untuk membangun, menyusun, dan menguji Komponen Web.
Hari ini, kami menyediakan dokumen ini untuk publik di goo.gle/building-ui-devtools. Jika Anda pernah bertanya-tanya tentang bagaimana Komponen Web digunakan dalam aplikasi besar di dunia nyata, atau beberapa tantangan yang muncul ketika mengintegrasikan komponen ke dalam codebase besar yang sudah ada, dokumen ini dapat membantu dan memberikan beberapa jawaban. Jika ada pertanyaan tentang pedoman kami, silakan tweet saya.
Mendownload saluran pratinjau
Pertimbangkan untuk menggunakan Chrome Canary, Dev, atau Beta sebagai browser pengembangan default Anda. Saluran pratinjau ini memberi Anda akses ke fitur DevTools terbaru, menguji API platform web tercanggih, dan menemukan masalah di situs Anda sebelum pengguna melakukannya.
Menghubungi tim Chrome DevTools
Gunakan opsi berikut untuk membahas fitur dan perubahan baru di postingan, atau hal lain yang berkaitan dengan DevTools.
- Kirim saran atau masukan kepada kami melalui crbug.com.
- Laporkan masalah DevTools menggunakan Opsi lainnya
> Bantuan > Laporkan masalah DevTools di DevTools. - Tweet di @ChromeDevTools.
- Berikan komentar di video YouTube Apa yang baru di DevTools atau video YouTube Tips DevTools.