Yang Baru di DevTools (Chrome 61)

Kayce Basques

Fitur baru dan perubahan besar yang akan hadir pada DevTools di Chrome 61 meliputi:

• Simulasi throttling perangkat seluler. Atur throttling CPU dan jaringan secara bersamaan, untuk melakukan simulasi perangkat seluler kelas menengah atau kelas bawah.
• Penggunaan penyimpanan. Melihat jumlah penyimpanan yang digunakan origin, yang dikelompokkan berdasarkan teknologi (TensorFlow, cache, local, session, dll.).
• Stempel waktu cache. Lihat saat pekerja layanan meng-cache respons.
• Aktifkan Pengukur FPS dari Menu Perintah.
• Ubah perilaku roda mouse dan trackpad di panel Performa.
• Men-debug modul ES6 secara native.

Lihat versi video catatan rilis ini di bawah atau baca terus untuk mempelajari lebih lanjut.

Simulasikan perangkat seluler kelas bawah dan menengah dalam Mode Perangkat

Menu Throttling Mode Perangkat sekarang diekspos secara default, dan sekarang memungkinkan Anda menyimulasikan perangkat seluler kelas bawah atau menengah dengan beberapa klik.

Gambar 1. Menu Throttling

Gambar 2. Arahkan kursor ke menu Throttling atau buka menu Capture Settings untuk melihat definisi untuk Seluler tingkat tengah dan Seluler kelas bawah

Melihat penggunaan penyimpanan

Bagian Penggunaan baru di tab Hapus Penyimpanan pada panel Aplikasi menunjukkan cara banyak penyimpanan yang digunakan origin, serta kuota maksimum untuk origin di perangkat ini.

Gambar 3. Bagian Penggunaan menunjukkan bahwa https://airhorner.com menggunakan 66,9 KB dari total kuota origin sebesar 15.214 MB

Melihat saat pekerja layanan meng-cache respons

Kolom Waktu Disimpan di Cache di tab Cache Storage menunjukkan kapan pekerja layanan di-cache yang dihasilkan.

Gambar 4. Kolom Waktu di-Cache

Aktifkan Pengukur FPS dari Menu Perintah

Sekarang Anda dapat mengaktifkan FPS Meter dari Menu Perintah.

Gambar 5. Mengaktifkan FPS Meter dari Menu Perintah

Menyetel perilaku roda mouse untuk melakukan zoom atau men-scroll dengan Rekaman performa

Buka Settings dan tetapkan setelan Flamechart mouse wheel action baru untuk mengubah caranya perilaku roda mouse di panel Performance.

Misalnya, saat Anda menggunakan roda mouse di bagian Utama rekaman, atau saat Anda menggeser menggunakan dua jari pada trackpad, perilaku defaultnya adalah memperbesar atau memperkecil. Saat Anda mengubah setelan ke Scroll, gestur ini sekarang akan men-scroll ke atas atau bawah.

Gambar 6. Setelan Tindakan roda mouse Flamechart

Dukungan proses debug untuk Modul ES6

Modul ES6 dikirim secara native di Chrome 61. Tidak banyak yang terjadi di sini mengenai DevTools, selain proses debug tersebut, berfungsi seperti yang Anda harapkan. Coba tetapkan beberapa titik henti sementara di dan melihat sendiri penerapan ES6-Module-implementation TodoMVC oleh Paul Irlandia.

Mendownload saluran pratinjau

Pertimbangkan untuk menggunakan Chrome Canary, Dev, atau Beta sebagai browser pengembangan default Anda. Saluran pratinjau ini memberi Anda akses ke fitur DevTools terbaru, menguji API platform web mutakhir, dan menemukan masalah di situs Anda sebelum pengguna melakukannya.

Menghubungi tim Chrome DevTools

Gunakan opsi berikut untuk membahas fitur dan perubahan baru dalam postingan, atau hal lain yang terkait dengan DevTools.

• Kirim saran atau masukan kepada kami melalui crbug.com.
• Laporkan masalah DevTools menggunakan Opsi lainnya   > Bantuan > Laporkan masalah DevTools di DevTools.
• Tweet di @ChromeDevTools.
• Tulis komentar di Video YouTube yang baru di DevTools atau Tips DevTools Video YouTube.

Yang baru di DevTools

Daftar semua hal yang telah dibahas dalam seri Yang baru di DevTools.