Jika menggunakan Chrome 111 atau yang lebih baru, Anda mungkin telah melihat bahwa kami telah mengubah desain sidebar titik henti sementara. Dengan Chrome 113, sidebar baru sepenuhnya menggantikan desain lama. Tujuan kami dengan desain ulang ini adalah untuk meningkatkan alur kerja titik henti sementara dengan:
Memberikan ringkasan yang lebih baik pada semua titik henti sementara yang ditetapkan. Membuat alur kerja pengguna umum dengan titik henti sementara lebih mudah diakses dan lebih intuitif. Membuat fitur titik henti sementara yang keren terlihat.
Postingan ini mengasumsikan bahwa Anda sudah memahami proses debug menggunakan titik henti sementara. Jika Anda belum pernah menggunakan titik henti sementara, buka ringkasan tentang titik henti sementara ini dan pelajari lebih lanjut cara menggunakan titik henti sementara untuk men-debug kode Anda.
Sekarang, mari kita lihat apa yang ditawarkan desain ulang ini, dan cara memanfaatkan sidebar baru. Perhatikan bahwa desain ulang ini berfokus pada membuat fitur yang ada lebih intuitif untuk digunakan dan lebih mudah diakses, bukan menambahkan fitur baru.
Jeda pada pengecualian untuk menyelidiki alasan kode Anda menampilkan error
Apakah kode Anda menampilkan pengecualian? Jangan khawatir. Chrome DevTools memungkinkan Anda menjeda pengecualian untuk menghentikan eksekusi pada titik saat pengecualian ditampilkan. Hal ini dapat membantu Anda menyelidiki dan lebih memahami situasi saat kode Anda menampilkan error. Anda dapat memilih apakah ingin menjeda pada pengecualian yang tertangkap, pengecualian yang tidak tertangkap, atau keduanya, dengan mencentang kotak centang yang sesuai di sidebar.
Mengelola titik henti sementara: luaskan grup titik henti sementara yang relevan, dan ciutkan grup lainnya untuk berfokus pada hal yang relevan
Titik henti sementara dapat tersebar di beberapa file. Sidebar titik henti sementara mengelompokkan titik henti sementara sesuai dengan file tempatnya berada. Fokuslah hanya pada titik henti sementara yang penting untuk sesi proses debug Anda saat ini dengan meluaskan grup titik henti sementara yang relevan, dan menciutkan titik henti sementara yang tersisa.
Mengelola titik henti sementara: satu klik untuk melompat ke kode, menghapus, atau mengaktifkan/menonaktifkan titik henti sementara
Sidebar titik henti sementara memungkinkan Anda menyelesaikan tugas umum dengan sekali klik. Berikut ringkasan cara ...
Buka lokasi titik henti sementara di Code Editor. Menghapus satu titik henti sementara atau semua titik henti sementara dalam file. Mengaktifkan atau menonaktifkan satu titik henti sementara atau semua titik henti sementara dalam file.
Semuanya dapat dilakukan dengan sekali klik. Tentu saja, opsi ini juga tersedia di menu konteks:
Langsung ke lokasi titik henti sementara dengan mengklik cuplikan kode titik henti sementara
Apakah Anda ingin memeriksa di bagian mana kode Anda telah menetapkan titik henti sementara, dan menganalisis kode di sekitarnya? Cukup klik cuplikan kode titik henti sementara dalam sidebar, dan lokasi kode akan terbuka di editor kode.
Menghapus satu titik henti sementara atau semua titik henti sementara dalam file dengan mengklik tombol hapus
Arahkan kursor ke titik henti sementara atau grup titik henti sementara untuk menampilkan tombol hapus yang menghapus satu atau semua titik henti sementara dalam file saat diklik.
Menonaktifkan satu atau semua titik henti sementara dalam file
Centang atau hapus centang kotak di samping titik henti sementara untuk mengaktifkan atau menonaktifkannya.
Untuk mengaktifkan atau menonaktifkan semua titik henti sementara dalam file, arahkan kursor ke grup titik henti sementara, lalu centang atau hapus centang kotak yang muncul di samping nama file.
Manfaatkan fitur titik henti sementara yang kurang dikenal ini: titik henti sementara kondisional dan logpoint
Mengedit kondisi titik henti sementara atau mengubah log logpoint dengan mengedit titik henti sementara
Edit kondisi titik henti sementara atau log dengan mengarahkan kursor ke titik henti sementara, lalu mengklik tombol edit yang muncul. Tindakan ini akan membuka dialog untuk mengubah jenis titik henti sementara dan detail titik henti sementara Anda.
Atau, pilih baris titik henti sementara di editor kode dan ketik Control+Alt+b di Linux dan Command+Alt+b di Mac untuk membuka dialog edit titik henti sementara.
Anda juga dapat memeriksa kembali kondisi atau log logpoint dengan cepat dengan mengarahkan kursor ke titik henti sementara di sidebar:
Kesimpulan
Tujuan kami di balik desain ulang sidebar titik henti sementara adalah untuk mempermudah proses debug dengan titik henti sementara. Yang terpenting, kami ingin membuat semuanya lebih terstruktur, serta lebih mudah diakses dan dipahami. Kami harap peningkatan ini akan membantu Anda dalam sesi proses debug berikutnya.
Jika Anda memiliki saran untuk peningkatan lebih lanjut, beri tahu kami dengan melaporkan bug.
Mendownload saluran pratinjau
Sebaiknya gunakan Chrome Canary, Dev, atau Beta sebagai browser pengembangan default Anda. Saluran pratinjau ini memberi Anda akses ke fitur DevTools terbaru, memungkinkan Anda menguji API platform web canggih, dan membantu Anda menemukan masalah di situs sebelum pengguna menemukannya.
Hubungi tim Chrome DevTools
Gunakan opsi berikut untuk membahas fitur baru, update, atau hal lain yang terkait dengan DevTools.
- Kirim masukan dan permintaan fitur kepada kami di crbug.com.
- Laporkan masalah DevTools menggunakan Opsi lainnya > Bantuan > Laporkan masalah DevTools di DevTools.
- Tweet ke @ChromeDevTools.
- Berikan komentar di video YouTube Yang baru di DevTools atau video YouTube Tips DevTools.