Pelajari semua hal tentang UI Inspect Devices yang telah diperbarui, ganti 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! Ternyata saya melewatkan beberapa pembaruan pada bulan Desember. (Saya sedikit sibuk dengan putri saya yang baru lahir.) Ini dia, berikut beberapa yang super baru.
Dialog “Inspect Devices” baru
Dokumentasi Proses Debug Jarak Jauh (saat ini sudah tidak berlaku) untuk DevTools telah menjadi panduan kami yang paling populer selama bertahun-tahun, yang hanya berarti satu hal: tidak ada yang tahu cara menggunakannya.
Jadi kami melanjutkan dan mengubah UX. Alih-alih membuka halaman yang sama sekali berbeda (“chrome://inspect”), semua “Periksa Perangkat” kini sudah tertanam dengan mudah ke DevTools untuk akses cepat dan lebih sedikit tombol konteks.
Tombol class di Panel Gaya
Sekarang menjadi lebih mudah untuk mengalihkan class pada elemen dengan cepat guna melihat pratinjau tampilannya dengan atau tanpa gaya terkait. Kami juga telah menambahkan input untuk menambahkan kelas baru dengan cepat sehingga Anda tidak perlu mengedit atribut. Klik tombol .cls baru di panel Gaya untuk mencobanya.
DevTools Malam Ini
Dengan senang hati saya mengumumkan cara lain untuk mengikuti apa yang terjadi di dunia Chrome DevTools: Saya persembahkan kepada Anda uji coba DevTools Tonight:
Dalam acara baru yang akan diserialisasi dengan jadwal dua mingguan, saya akan fokus pada fitur lebih besar yang akan hadir di Chrome stabil (bukan Canary) dan akan membahas masing-masing fitur secara lebih mendalam. Pastikan Anda subscribe ke channel Developer Chrome untuk mendapatkan notifikasi saat nomor 1 dikirimkan, dan sampaikan pendapat Anda di komentar YouTube.
Terbaik dari lainnya
- Kami telah menambahkan setelan untuk membuka otomatis DevTools untuk pop-up (jendela yang baru dibuat). Jika diaktifkan, instance DevTools baru akan terbuka secara otomatis bersama jendela yang baru dibuat.
- Panel tindakan di bagian atas panel Gaya kini tetap di tempatnya, sehingga Anda selalu dapat mengaksesnya meskipun men-scroll ke bawah untuk mengedit gaya lainnya.
- Kini kami otomatis memperbesar linimasa sesuai hal yang menurut kami 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 Pemeriksaan yang menempatkan elemen yang diperiksa. Kini warnanya gelap dan berkilau serta 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