Ringkasan DevTools, Agustus 2016

Halo, saya Kayce, penulis teknis untuk DevTools, di sini untuk menyampaikan peristiwa terbaru di lingkungan DevTools.

Panel Resources sekarang menjadi panel Application

Mulai Chrome 52, panel Referensi tidak lagi tersedia. Aplikasi tersebut telah diganti namanya menjadi panel Application. Semua fitur lama di panel Resources masih tersedia, ditambah banyak fitur baru untuk membantu Anda men-debug Progressive Web App. Kini Anda juga dapat menikmati proses debug pada siklus proses pekerja layanan dan masalah pengaturan waktu cache.

Lihat panduan baru kami, yang ditulis oleh Anda, untuk mempelajari lebih lanjut fitur baru: Men-debug Progressive Web App

ChromeLens

Lensa Chrome.

ChromeLens adalah ekstensi baru yang sangat baik untuk membantu membuat situs Anda lebih mudah diakses oleh penyandang gangguan penglihatan.

N.B. Rob Dodson baru saja meluncurkan seri video baru tentang aksesibilitas, a11ycasts.

Fitur baru kini tersedia di Canary

Canary saat ini adalah Chrome 54. Jadi, untuk pembaca mendatang, jika Anda menggunakan Chrome 54 atau yang lebih baru, Anda dapat menggunakan fitur ini.

Pemilih Warna ada di panel Sumber.

Pemilih warna panel sumber.

Klik kanan panel Resources di panel Jaringan dan Anda dapat menyalin string permintaan cURL untuk mendownload semua resource Anda.

Salin semua sebagai curl.

JavaScript dapat dinonaktifkan dari Menu Perintah. Dulu ini hanya tersedia di Setelan.

Nonaktifkan JavaScript.

console.warn() kini menyertakan pelacakan tumpukan.

pelacakan tumpukan console.warning().

Fitur terakhir ini telah ada selama beberapa bulan, tetapi perlu disebutkan lagi. Buat rekaman Linimasa dengan opsi Profil JS yang diaktifkan, dan Anda dapat melihat perincian waktu eksekusi fungsi demi fungsi di panel Sumber.

Waktu eksekusi fungsi di panel sumber.

Ide baru dari komunitas

Berikut beberapa ide baru dari komunitas yang mungkin akan hadir dalam DevTools di Dekat Anda pada masa mendatang.

  • @matthewcp: Mempercepat proses debug kebocoran memori dengan menampilkan daftar sederhana objek yang terus berkembang.
  • @jonathanbingram: Menambah / mengurangi nilai font-weight dengan menambahkan / mengurangi pintasan keyboard.
  • @_bl4de: Mengedit cookie (sebenarnya permintaan yang sudah lama ada, tetapi terima kasih telah mengaktifkannya lagi). Rumor mengatakan bahwa @kdzwinel sedang mengerjakan PR.
  • @kienzle_s: Menambahkan filter OR ke filter panel Jaringan.

Punya ide baru? Kami ingin sekali mendengarnya. Ping kami di Twitter di @ChromeDevTools dan beri tahu kami apa yang terjadi.

Selagi saya menarik perhatian Anda, jika ada dokumen yang perlu diperbaiki, atau fitur yang perlu dijelaskan, silakan buka masalah di repositori dokumen.

Sampai bulan depan!