Panel Issues di Chrome DevTools mengurangi kejenuhan notifikasi dan kekacauan Console. Gunakan halaman ini untuk menemukan solusi atas masalah yang terdeteksi oleh browser, seperti masalah cookie dan konten campuran.
Saat ini, panel Issues mendukung:
- Masalah cookie
- Konten campuran
- Masalah COEP
- Error CORS
- Masalah mode Quirks
- (Pratinjau) Masalah kontras rendah
- Masalah Aktivitas Web Tepercaya
- Masalah pemuatan Stylesheet
- Aturan CSS
@property
tidak valid - Pelanggaran Kebijakan Keamanan Konten
- Masalah atribut pelengkapan otomatis
Versi Chrome mendatang akan mendukung lebih banyak jenis masalah.
Buka panel Issue
- Buka halaman yang memiliki masalah yang perlu diperbaiki, misalnya samesite-sandbox.glitch.me.
- Buka DevTools.
Klik tombol Open Issues di samping Setelan di pojok kanan panel tindakan di bagian atas. Bergantung pada tingkat keparahan masalah, tombol dapat memiliki ikon berwarna merah, kuning, atau biru.
Atau, pilih Masalah dari menu Alat lainnya.
Setelah berada di panel Masalah, sebaiknya muat ulang halaman untuk menemukan lebih banyak masalah, kali ini terjadi saat pemuatan halaman.
Konsol juga dapat menampilkan masalah yang dilaporkan oleh browser. Namun, Anda akan melihat bahwa masalah tersebut (seperti peringatan cookie pada screenshot di bawah) sulit dipahami. Tidak jelas apa yang harus dilakukan untuk memperbaikinya.
Di sisi lain, panel Masalah memberikan hasil analisis yang bisa ditindaklanjuti.
Melihat item di panel Issue
Panel Issues menampilkan peringatan dari browser secara terstruktur, gabungan, dan dapat ditindaklanjuti.
Klik item di panel Masalah untuk memperluas masalah dan mendapatkan panduan tentang cara memperbaikinya serta menemukan referensi yang terpengaruh.
Setiap item memiliki empat komponen:
- Judul yang menjelaskan masalah.
- Deskripsi yang memberikan konteks dan solusinya.
- Bagian REFERENSI YANG TERpengaruh yang tertaut ke resource dalam konteks DevTools yang sesuai, seperti Jaringan, Sumber, Elemen, dan panel lainnya.
- Link ke panduan lebih lanjut.
Klik item di REFERENSI YANG TERpengaruh untuk melihat masalah dalam konteks.
Mengelompokkan masalah menurut jenis
Panel Issues menghitung jumlah resource yang terpengaruh untuk setiap masalah dan menampilkannya di samping judulnya. Selain itu, Anda dapat mengatur masalah berdasarkan tingkat keparahannya dalam tiga kelompok:
- Error Halaman yang dilaporkan Chrome.
- Perubahan yang Dapat Menyebabkan Gangguan seperti penghentian penggunaan.
- Peningkatan yang disarankan DevTools.
Untuk mengelompokkan masalah, centang Kelompokkan menurut jenis di panel tindakan pada bagian atas panel Issues.
Sertakan masalah pihak ketiga
Panel Issues menampilkan masalah cookie pihak ketiga secara default.
Anda dapat menemukan masalah cookie pihak ketiga di bagian REFERENSI YANG TERpengaruh yang tidak memiliki link.
Untuk menyembunyikan masalah tersebut, hapus centang di Sertakan masalah cookie pihak ketiga di panel tindakan pada bagian atas panel Masalah.
Sembunyikan masalah
Untuk menyembunyikan masalah, pilih Sembunyikan masalah seperti ini dari menu tiga titik di samping masalah.
Untuk melihat daftar masalah tersembunyi, scroll ke bawah ke bagian Masalah tersembunyi, lalu luaskan.
Untuk melihat semua masalah, klik Perlihatkan semua. Untuk mengungkapkan masalah tertentu, pilih Perlihatkan masalah seperti ini dari menu tiga titik di samping masalah tersebut.
Selain itu, dengan mengaktifkan pengelompokan, Anda dapat menyembunyikan seluruh kelompok masalah menggunakan menu tiga titik yang sama di samping grup.
Lihat masalah dalam konteks
Untuk menyelidiki masalah:
Di bagian REFERENSI YANG TERpengaruh, klik link resource untuk melihat item dalam konteks yang sesuai di dalam DevTools. Dalam contoh ini, klik
samesite-sandbox.glitch.me
untuk menampilkan cookie yang dilampirkan ke permintaan tersebut. Link tersebut akan mengarahkan Anda ke panel Jaringan.Scroll untuk melihat item yang bermasalah: dalam hal ini cookie
ck02
. Arahkan kursor ke ikon informasi di sebelah kanan untuk melihat masalah dan cara memperbaikinya.