Chrome 111 veya sonraki bir sürümü kullanıyorsanız kesme noktası kenar çubuğumuzun tasarımını değiştirdiğimizi fark etmiş olabilirsiniz. Chrome 113 ile birlikte yeni kenar çubuğu, eski tasarımın yerini tamamen alıyor. Yeniden tasarımla birlikte kesme noktası iş akışını iyileştirmeyi hedefledik. Bu amaçla:
Ayarlanan tüm kesme noktaları hakkında daha iyi bir genel bakış sunar. Kesme noktaları içeren yaygın kullanıcı iş akışlarına daha kolay erişebilir ve bu iş akışlarını daha sezgisel hale getirebilirsiniz. Mevcut kesme noktası özelliklerini görünür hale getirme.
Bu yayında, kesme noktaları kullanarak hata ayıklama konusunda bilgi sahibi olduğunuz varsayılır. Daha önce kesme noktalarını kullanmadıysanız kesme noktalarıyla ilgili bu genel bakış bölümüne giderek kesme noktalarını kodunuzda hata ayıklamak için nasıl kullanabileceğiniz hakkında daha fazla bilgi edinin.
Şimdi de yeniden tasarımın neler sunduğuna ve yeni kenar çubuğunu nasıl kullanabileceğinize göz atalım. Yeniden tasarımın, yeni özellikler eklemek yerine mevcut özellikleri daha sezgisel ve erişimi kolay hale getirmeye odaklandığını unutmayın.
Kodunuzun neden hata verdiğini araştırmak için istisnalarda duraklatma
Kodunuz hata veriyor mu? Endişelenmeyin. Chrome Geliştirici Araçları, istisnalarda duraklatarak istisnanızın oluşturulduğu noktada yürütmeyi durdurmanıza olanak tanır. Bu sayede, kodunuzun hata verdiği koşulları araştırabilir ve daha iyi anlayabilirsiniz. Kenar çubuğundaki ilgili onay kutularını işaretleyerek yakalanan istisnalarda, yakalanmayan istisnalarda veya her ikisinde de duraklatmak isteyip istemediğinizi seçebilirsiniz.
Kesme noktalarınızı yönetin: İlgili kesme noktası gruplarını genişletin ve diğerlerini daraltarak ilgili olanlara odaklanın.
Kesme noktaları birkaç dosyaya yayılabilir. Ayrılma noktası kenar çubuğu, ayrılma noktalarını ait oldukları dosyaya göre gruplandırır. İlgili kesme noktası gruplarını genişleterek ve kalanları daraltarak yalnızca mevcut hata ayıklama oturumunuz için önemli olanlara odaklanın.
Kesme noktalarınızı yönetme: Koda gitmek, kesme noktalarını kaldırmak veya etkinleştirmek/devre dışı bırakmak için tek bir tıklama yeterlidir.
Kesme noktası kenar çubuğu, yaygın görevleri tek tıklamayla tamamlamanızı sağlar. Aşağıda, ... ile ilgili genel bir bakış sunulmaktadır.
Kod düzenleyicide kesme noktası konumuna gidin. Bir dosyadaki bir veya tüm kesme noktalarını kaldırın. Bir kesme noktasını veya dosyadaki tüm kesme noktalarını etkinleştirin ya da devre dışı bırakın.
Tüm bunları tek tıklamayla yapabilirsiniz. Bu seçeneklere içerik menüsünden de erişebilirsiniz:
Kesme noktası kod snippet'ini tıklayarak kesme noktası konumuna atlama
Kodda kesme noktanızı nereye ayarladığınızı kontrol etmek ve çevreleyen kodu analiz etmek mi istiyorsunuz? Kenar çubuğundaki bir kesme noktasının kod snippet'ini tıklamanız yeterlidir. Bu işlem, kod düzenleyicide kod konumunu açar.
Kaldır düğmesini tıklayarak tek bir kesme noktasını veya bir dosyadaki tüm kesme noktalarını kaldırın.
Bir kesme noktasının veya kesme noktası grubunun üzerine gelerek, tek bir kesme noktasını ya da dosyadaki tüm kesme noktalarını tek tıklamayla kaldıran bir kaldırma düğmesi gösterin.
Bir dosyadaki tek bir kesme noktasını veya tüm kesme noktalarını devre dışı bırakma
Bir kesme noktasını etkinleştirmek veya devre dışı bırakmak için yanındaki onay kutusunu işaretleyin veya kutunun işaretini kaldırın.
Bir dosyada tüm kesme noktalarını etkinleştirmek veya devre dışı bırakmak için kesme noktası grubunun üzerine gelin ve dosya adının yanında görünen onay kutusunu işaretleyin veya kutunun işaretini kaldırın.
Daha az bilinen kesme noktası özelliklerinden yararlanın: koşullu kesme noktaları ve günlük noktaları
Kesme noktası koşullarını düzenleme veya kesme noktasını düzenleyerek günlük noktası günlüğünüzü değiştirme
Bir kesme noktasının üzerine gelip görünen düzenle düğmesini tıklayarak kesme noktası koşulunu veya günlüğünü düzenleyin. Bu işlem, kesme noktası türünü ve kesme noktanızın ayrıntılarını değiştirebileceğiniz bir iletişim kutusu açar.
Alternatif olarak, kod düzenleyicide kesme noktasının bulunduğu satırı seçin ve kesme noktası düzenleme iletişim kutusunu açmak için Linux'ta Control+Alt+b, Mac'te ise Command+Alt+b tuşlarına basın.
Ayrıca, kenar çubuğundaki kesme noktasının üzerine gelerek koşulunuzu veya günlük noktanızı hızlıca kontrol edebilirsiniz:
Sonuç
Kesme noktası kenar çubuğunu yeniden tasarlamamızın amacı, kesme noktalarıyla hata ayıklamayı kolaylaştırmaktı. En önemlisi, her şeyi daha yapılandırılmış, erişimi ve anlaşılması daha kolay hale getirmeyi amaçladık. Bu iyileştirmelerin, bir sonraki hata ayıklama oturumunuzda size yardımcı olacağını umuyoruz.
Başka iyileştirme önerileriniz varsa hata bildirimi göndererek bize bildirin.
Önizleme kanallarını indirme
Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanmayı düşünebilirsiniz. Bu önizleme kanalları, en yeni DevTools özelliklerine erişmenizi sağlar, en yeni web platformu API'lerini test etmenize olanak tanır ve kullanıcılarınızdan önce sitenizdeki sorunları bulmanıza yardımcı olur.
Chrome Geliştirici Araçları Ekibi ile iletişime geçme
Yeni özellikler, güncellemeler veya Geliştirici Araçları ile ilgili diğer konuları tartışmak için aşağıdaki seçenekleri kullanın.
- Geri bildirimlerinizi ve özellik isteklerinizi crbug.com adresinden bize iletebilirsiniz.
- Geliştirici Araçları'nda Diğer seçenekler > Yardım > Geliştirici Araçları sorunu bildir'i kullanarak Geliştirici Araçları sorunu bildirin.
- @ChromeDevTools'a tweet gönderin.
- Geliştirici Araçları'ndaki yenilikler YouTube videoları veya Geliştirici Araçları İpuçları YouTube videoları'na yorum bırakın.