Panel keamanan diluncurkan di Chrome DevTools

Paul Bakaus
Paul Bakaus

Tim Keamanan Chrome telah bekerja keras (tonton ulang video di atas untuk mendapatkan ringkasan yang bagus) untuk mewujudkan masa depan tanpa HTTP, masa depan di mana Anda dan pengguna Anda dapat secara wajar yakin bahwa data apa pun yang Anda kirim ke web tetap berada di antara Anda dan situs yang sedang Anda lihat. Dan untuk memudahkan Anda dengan lebih mudah memulai dan bergabung dengan masa depan HTTPS yang megah, kami telah menjadikan Keamanan sebagai fitur inti di DevTools.

Panel keamanan baru.

Panel Keamanan baru yang diperkenalkan di Chrome 48 memudahkan Anda melihat masalah apa pun yang Anda alami dengan sertifikat dan konten campuran. Anda bisa membukanya langsung di DevTools atau dengan mengklik ikon gembok kolom URL, lalu link "Details".

Mengatasi masalah terkait "Info Koneksi"

Solusi kami saat ini bagi Anda yang menginginkan data tentang keamanan halaman adalah dengan mengklik ikon gembok kecil di samping URL, lalu mengurai info yang tersedia di tab "Koneksi".

Sayangnya, tab ini memiliki beberapa masalah:

  • Terlalu rumit bagi sebagian besar pengguna
  • Namun, terlalu dasar bagi sebagian besar pengembang
  • dan tidak jelas apa yang menyebabkan ikon gembok "downgrade"

Ringkasan: menjelaskan ikon gembok dan menampilkan konten campuran

Tab Ringkasan.

Ikon gembok merepresentasikan status keamanan halaman sehingga mengetahui waktu dan alasan kemunculannya sangatlah penting. Layar ringkasan di panel keamanan baru menjelaskan bagian penting yang berkontribusi terhadap halaman yang aman:

  • Identity (sertifikat)
  • Koneksi (protokol, cipher suite)
  • Sub-resource

Sekarang Anda akan tahu sekilas mengapa situs Anda mendapatkan atau tidak mendapatkan lencana hijau kecil yang mengagumkan.

Memiliki konten campuran yang muncul tiba-tiba? Jangan khawatir. Kami menampilkannya langsung di ringkasan, dan sebuah klik akan membawa Anda ke tampilan Panel Jaringan yang difilter, sehingga Anda dapat dengan cepat melihat permintaan yang melanggar:

Konten campuran.

Tampilan asal: jenis koneksi dan detail sertifikat

Tab Connection.

Jika Anda memerlukan informasi tentang koneksi TLS tertentu, Tampilan origin akan membantu. Muat ulang halaman dan Anda akan melihat setiap origin untuk semua resource muncul di navigasi sebelah kiri.

Dari sini, Anda dapat mengetahui semua hal tentang sertifikat yang digunakan dan jenis koneksi. Selain itu, alat ini memberi Anda kemampuan praktis untuk melihat perincian lebih lanjut guna memeriksa semua resource yang berasal dari origin tersebut melalui Panel Network.


Coba panel Keamanan baru dan beri tahu kami pendapat Anda di Twitter atau melalui tiket bug/fitur.