Pelajari semua tentang UI Periksa Perangkat yang diubah, alihkan class dengan mudah di panel gaya yang kini telah diperbaiki, dan tonton episode perdana DevTools Tonight.
Selamat datang kembali di edisi terbaru ringkasan untuk semua pengguna Canary di luar sana. Ternyata saya melewatkan beberapa update pada bulan Desember. (Saya sedikit sibuk dengan putri saya yang baru lahir.) Jadi, berikut ini beberapa fitur baru yang super segar.
Dialog “Periksa Perangkat” baru
Dokumentasi Proses Debug Jarak Jauh (saat ini sudah tidak berlaku) untuk DevTools telah menjadi panduan kami yang paling populer selama bertahun-tahun berturut-turut, yang hanya dapat berarti satu hal: tidak ada yang tahu cara menggunakannya.
Jadi, kami melanjutkan dan mengubah UX. Daripada harus membuka halaman yang sama sekali berbeda (“chrome://inspect”), semua “Periksa Perangkat” kini disematkan dengan mudah ke dalam DevTools itu sendiri untuk akses cepat dan lebih sedikit peralihan konteks.
Tombol class di Panel Gaya
Kini lebih 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 Gaya untuk mencobanya.
DevTools Tonight
Dengan senang hati kami mengumumkan cara lain untuk mengikuti perkembangan di dunia Chrome DevTools: Kami persembahkan untuk Anda episode perdana DevTools Tonight:
Dalam acara baru yang akan diserialisasi dengan jadwal dua mingguan, saya akan berfokus pada fitur yang lebih besar yang akan hadir di Chrome stabil (bukan Canary) dan akan membahas setiap fitur secara lebih mendalam. Pastikan untuk subscribe ke channel Chrome Developers agar mendapatkan notifikasi saat #1 dirilis, dan beri tahu saya pendapat Anda di komentar YouTube.
Yang terbaik dari yang lain
- Kami telah menambahkan setelan untuk membuka DevTools secara otomatis untuk pop-up (jendela yang baru dibuat). Jika diaktifkan, instance DevTools baru akan terbuka secara otomatis dengan jendela yang baru dibuat.
- Panel tindakan di bagian atas panel Gaya kini tetap berada di tempatnya, sehingga Anda dapat selalu mengaksesnya meskipun men-scroll ke bawah untuk mengedit lebih banyak gaya.
- Sekarang kami memperbesar linimasa secara otomatis ke bagian 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 memperbarui tooltip Inspect yang menempatkan elemen yang diperiksa. Sekarang warnanya gelap dan mengkilap serta menambah kontras.
Seperti biasa, sampaikan pendapat Anda melalui Twitter atau komentar di bawah, dan kirimkan bug ke crbug.com/new.
Sampai bulan depan!
Paul Bakaus & tim DevTools