Ringkasan DevTools - Penyusunan Ulang Tab, Console pada 2, dan Pemroses Peristiwa Framework

Atur ulang tab DevTools yang paling sesuai untuk Anda; lihat secara pasti di mana peristiwa framework terikat dan blokir permintaan jaringan untuk melihat skrip pihak ketiga mana yang memperlambat Anda.

Navigasi panel yang lebih baik: konsol di #2, pengurutan ulang tab, dan garis bawah yang rapi

Setelah menyelidiki area DevTools mana yang paling banyak digunakan, terlihat jelas bahwa panel Konsol layar penuh tidak pantas mendapatkan posisi terakhir di panel tab utama. Sebagai panel yang paling sering digunakan kedua, tab ini sekarang menjadi tab kedua. Hal ini terutama penting pada resolusi yang lebih rendah saat kita tidak dapat menampilkan semua tab sekaligus.

Tapi, kami mengerti. Urutan klasik adalah bagian dari memori otot Anda dan Anda akan merasa pusing untuk sementara. Atau mungkin, terengah-engah, Anda tidak suka konsol layar penuh! Jangan khawatir, kami siap membantu Anda. Tab kini dapat diurutkan ulang dengan menariknya, seperti ini:

Perubahan yang Anda buat pada panel tab akan tetap ada, dan berfungsi dengan tab native serta tab yang disediakan ekstensi. Sebagai bonus, kami telah menambahkan garis bawah animasi yang halus. Karena kami baik hati.

Dukungan untuk pemroses peristiwa framework

Peristiwa yang dibuat oleh Framework JS seperti jQuery terkadang merepotkan saat menggunakan DevTools. Hal ini karena sebagian besar framework menggabungkan peristiwa DOM native ke dalam API peristiwa kustomnya, sehingga melihat pemroses peristiwa tidak benar-benar mengungkapkan banyak hal tentang apa yang terjadi:

Listener Framework Nonaktif

Namun, dengan opsi “Pemroses Framework” baru di tab Pemroses Peristiwa, DevTools akan mengetahui bagian pembungkusan framework dan otomatis menyelesaikannya. Sekarang, peristiwa yang terikat oleh framework terlihat dan berperilaku sama persis dengan peristiwa native-nya, yang memberi tahu Anda tempat peristiwa tersebut sebenarnya terikat:

Pemroses Framework Aktif

Yang terbaik dari yang lain

  • Formator Objek Kustom memungkinkan bahasa yang ditranspil seperti CoffeeScript memformat objeknya dengan lebih baik di Konsol DevTools.
  • Linimasa memiliki dialog baru yang terlihat lebih baik selama perekaman yang menunjukkan sekilas status, waktu, dan penggunaan buffer kepada Anda.

    Petunjuk Linimasa.
  • Sejalan dengan itu, Panel Jaringan kini menampilkan petunjuk yang berguna jika kosong:

    Petunjuk Jaringan.
  • Anda kini dapat memfilter konten campuran di Panel Jaringan menggunakan input filter dan menyetelnya ke mixed-content:displayed


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