Postingan ini adalah bagian dari serangkaian postingan blog yang menjelaskan perubahan yang kami lakukan pada arsitektur DevTools dan cara pembuatannya.
Saat DevTools pertama kali dibuat bertahun-tahun yang lalu, tim memilih untuk membuat framework UI khusus. Ini adalah pilihan yang wajar pada saat itu dan telah melayani DevTools dengan baik.
Namun, sejak saat itu berbagai fitur telah diluncurkan di platform ini dan salah satunya, Web Components, sangat cocok untuk mem-build elemen UI baru di DevTools. Dengan mengandalkan apa yang disediakan platform, kita dapat sangat mengurangi jumlah kode UI khusus yang harus kita pertahankan dan berinvestasi lebih banyak dalam membuat fitur untuk DevTools, bukan mendukung infrastruktur khusus.
Untuk membantu transisi, kami membuat panduan untuk mem-build elemen UI di DevTools untuk dibagikan kepada tim DevTools yang lebih luas. Sebagian panduan ini dibuat khusus untuk DevTools dan arsitekturnya, yang memiliki serangkaian batasan tersendiri, tetapi sebagian lainnya adalah panduan umum tentang pendekatan yang telah kami gunakan untuk mem-build, menyusun, dan menguji Komponen Web.
Hari ini, kami menyediakan dokumen ini secara publik di goo.gle/building-ui-devtools. Jika Anda ingin mengetahui lebih lanjut cara Komponen Web digunakan dalam aplikasi besar di dunia nyata, atau beberapa tantangan yang muncul saat mengintegrasikan komponen ke dalam codebase besar yang sudah ada, dokumen ini dapat membantu dan memberikan beberapa jawaban. Jika ada pertanyaan tentang pedoman kami, silakan kirim tweet kepada saya.
Mendownload saluran pratinjau
Sebaiknya gunakan Chrome Canary, Dev, atau Beta sebagai browser pengembangan default Anda. Saluran pratinjau ini memberi Anda akses ke fitur DevTools terbaru, memungkinkan Anda menguji API platform web canggih, dan membantu Anda menemukan masalah di situs sebelum pengguna melakukannya.
Hubungi tim Chrome DevTools
Gunakan opsi berikut untuk membahas fitur baru, update, atau hal lain yang terkait dengan DevTools.
- Kirim masukan dan permintaan fitur kepada kami di crbug.com.
- Laporkan masalah DevTools menggunakan Opsi lainnya > Bantuan > Laporkan masalah DevTools di DevTools.
- Tweet ke @ChromeDevTools.
- Berikan komentar di video YouTube Yang baru di DevTools atau video YouTube Tips DevTools.