Pelajari semua hal tentang UI Inspect Devices yang telah diperbarui, beralih class dengan mudah di panel gaya yang kini telah diperbaiki, dan tonton uji coba DevTools Tonight.
Selamat datang kembali di edisi terbaru ringkasan untuk semua pengguna Canary di luar sana. Ternyata saya melewatkan beberapa info terbaru di bulan Desember. (Saya sedikit sibuk dengan putri saya yang baru lahir.) Jadi ini dia, serta beberapa yang sangat baru.
Dialog “Inspect Devices” baru
Dokumentasi Proses Debug Jarak Jauh (yang saat ini sudah usang) untuk DevTools telah menjadi panduan kami yang paling populer selama bertahun-tahun berturut-turut, yang hanya berarti satu hal: tidak ada yang tahu cara menggunakannya.
Jadi kami melanjutkan dan memperbarui UX. Alih-alih membuka halaman yang sama sekali berbeda (“chrome://inspect”), semua “Inspect Devices” kini disematkan dengan mudah ke dalam DevTools untuk akses cepat dan lebih sedikit peralihan konteks.
Tombol class di Panel Gaya
Sekarang semakin mudah untuk mengalihkan class pada elemen dengan cepat untuk melihat pratinjau tampilannya dengan atau tanpa gaya terkait. Kami juga telah menambahkan input untuk menambahkan class baru dengan cepat sehingga Anda tidak perlu mengedit atribut. Klik tombol .cls baru di panel Style untuk mencobanya.
DevTools Malam Ini
Dengan senang hati saya umumkan cara lain untuk tetap mengikuti apa yang terjadi di dunia Chrome DevTools: Saya mempersembahkan kepada Anda pilot DevTools Malam Ini:
Dalam acara baru yang akan diserialisasi setiap dua minggu, saya akan fokus pada fitur-fitur lebih besar yang akan hadir di Chrome yang stabil (bukan Canary) dan akan sedikit lebih mendalami setiap fiturnya. Pastikan Anda berlangganan channel Developer Chrome untuk mendapatkan notifikasi saat nomor 1 dikirimkan, dan beri tahu kami pendapat Anda di komentar YouTube.
Terbaik dari yang lain
- Kami telah menambahkan setelan untuk membuka DevTools secara otomatis untuk pop-up (jendela yang baru dibuat). Saat diaktifkan, instance DevTools baru akan terbuka secara otomatis dengan setiap jendela yang baru dibuat.
- Panel tindakan di bagian atas panel Gaya kini telah terpasang, sehingga Anda selalu dapat mengaksesnya meskipun men-scroll ke bawah untuk mengedit gaya lainnya.
- Sekarang kami otomatis memperbesar linimasa ke hal yang menurut kami benar-benar relevan dengan sesi proses debug performa Anda.
- Throttling jaringan kini mendukung upload selain download, sehingga Anda dapat menguji hal-hal seperti upload file pada koneksi 3G.
- Kami telah mengubah tooltip Inspect yang menempatkan elemen yang diperiksa. Warnanya kini gelap dan mengkilap dan menambahkan lebih banyak kontras.
Seperti biasa, beri tahu kami pendapat Anda melalui Twitter atau komentar di bawah, dan kirimkan bug ke crbug.com/new.
Sampai bulan depan
Paul Bakaus & tim DevTools