Chrome Geliştirici Araçları Protokolü (CDP), geliştiricilerin çalışan bir Chrome tarayıcıyla iletişim kurmasını sağlayan bir uzaktan hata ayıklama protokolüdür (API). Chrome Geliştirici Araçları; tarayıcının durumunu incelemenize, davranışını kontrol etmenize ve hata ayıklama bilgilerini toplamanıza yardımcı olmak için CDP'yi kullanır. CDP kullanan Chrome uzantıları da oluşturabilirsiniz.
Örneğin bu, styleSheetId ile belirtilen bir stil sayfasında, location tarafından belirtilen konuma, belirtilen ruleText ile yeni bir kural ekleyen bir CDP komutudur.
{
command: 'CSS.addRule',
parameters: {
styleSheetId: '2',
ruleText:'Example',
location: {
startLine: 1,
startColumn: 1,
endLine: 1,
endColumn: 1
}
}
}
Protokol izleme çekmecesi sekmesi, CDP istekleri göndermeniz ve Geliştirici Araçları'nın gönderdiği ve aldığı tüm CDP istekleri ile yanıtlarını görüntülemeniz için bir yol sağlar.
Önceden komutu elle oluşturmak zordu. Özellikle de çok sayıda parametre içeren bir komutu elle oluşturmak zordu. Köşeli parantezleri ve tırnak işaretlerini açmaya ve kapatmaya dikkat etmenin yanı sıra komutun parametrelerini de hatırlamanız gerekiyordu. Bu da CDP dokümanlarına bakmanızı sağlar.
Geliştirici Araçları, bu sorunu çözmek için ana hedefleri şu olan yeni bir CDP düzenleyiciyi kullanıma sundu:
- Otomatik tamamlama komutları. Otomatik tamamlama özelliğiyle size kullanılabilir komutların listesini sağlayarak CDP komut girişinizi basitleştirin.
- Komut parametrelerini otomatik doldur. Kullanılabilir komut parametrelerinin listesi için CDP dokümanlarına bakma ihtiyacını azaltın.
- Parametre yazmayı basitleştirin. Göndermek istediğiniz parametrelerin değerlerini girmeniz yeterlidir.
- Düzenleyin ve yeniden gönderin. CDP komutunun değiştirilmesini hızlandırarak prototip oluşturma hızını iyileştirin.
Şimdi de bu yeni düzenleyicinin neler sunduğuna ve bundan nasıl yararlanabileceğinize göz atalım.
Otomatik tamamlama özelliği
Komut giriş çubuğunu artık bir otomatik tamamlama özelliği destekliyor. Erişiminiz olan CDP komutlarının adlarını yazmanıza yardımcı olur. Bu, parametreleri kabul etmeyen komutlar için çok kullanışlı olabilir.
Dize ve sayı parametreleri
Bu yeni düzenleyiciyle, temel parametrelerin değerlerini artık kolayca düzenleyebilirsiniz. Düzenleyiciyi açmak için komut girişinin yanındaki 
simgesini tıklayın.
Komut adını girdikten sonra, düzenleyici ilgili parametreleri size otomatik olarak gösterir. Hangi parametrelerin hangi komutlarla çalıştığını öğrenmek için belgelere bakmanız gerekmez. Ayrıca düzenleyici, parametreleri belirli bir sırada görüntüler: önce zorunlu olanlar (kırmızı) ve sonra isteğe bağlı olanlar (mavi).
İsteğe bağlı bir parametreye değer eklemek için parametre adının üzerine gelin ve + düğmesini tıklayın. Parametreyi tanımsız değerine sıfırlamak için Varsayılan değere sıfırla düğmesini tıklayın.
Sıralama ve boole parametreleri
Enum veya boole parametrelerini düzenlerken, olası değerleri (enum'lar için) seçen bir açılır menü veya boole'ler için doğrudan true ya da false seçeneğini görürsünüz. Bu özellik, numaralandırma parametreleri için yanlış değerin yazılması olasılığını azaltır ve doğruluğu ve basitliği korur.
Dizi parametreleri
Dizi parametreleri için değerleri diziye manuel olarak ekleyebilirsiniz. Fareyle parametre satırının üzerine gelip + düğmesini tıklayın.
Dizi öğelerini tek tek silmek için öğelerin yanındaki çöp kutusu düğmesini tıklayın. Dizideki tüm parametreleri temizlemek için engelle düğmesini de kullanabilirsiniz. Bu durumda, dizi parametresi [] değerine sıfırlanır.
Nesne parametreleri
Nesne parametrelerini kabul eden bir komut girdiğinizde, düzenleyici bu nesnenin anahtarlarını listeler ve değerlerini doğrudan düzenleyebilirsiniz. Bu, tüm iç içe yerleştirilmiş parametre türleri için geçerlidir.
Düzenleyicide komut ve parametrelerin işlevlerini keşfedin
Bir parametrenin veya komutun amacından emin olmadığınız oldu mu? Artık bir komutun veya parametrenin üzerine geldiğinizde çevrimiçi dokümanların bağlantısını içeren açıklayıcı bir ipucu açılır.
Yanlış parametre göndermeden önce uyarı alma
Daha önce, parametre değerinin doğru türde olup olmadığını bilmiyor ve hata yanıtını okumak için beklemeniz gerekiyorsa bu yeni düzenleyici tam size göre. Parametre, girdiğiniz değeri kabul edemediğinde gerçek zamanlı hatalar gösterilir.
Yeniden komut gönder
Gönderdiğiniz komutun bir parametresinde ince ayar yapmanız gerekirse bu parametreyi tekrar yazmanız gerekmez. Komutu düzenleyip yeniden göndermek için veri ızgarasında bir öğeyi sağ tıklayın ve açılır menüden Düzenle ve yeniden gönder'i seçin. Bu işlem, CDP düzenleyicisini otomatik olarak yeniden açar ve seçtiğiniz komutla önceden doldurur.
Komutu JSON biçimine kopyalama
CDP komutunu JSON biçiminde panonuza kopyalamak için araç çubuğunun en sol ucundaki 
kopyala simgesini tıklayın. Ayrıca, doğrudan giriş çubuğuna bir komut girerseniz düzenleyicinin sorunsuzca doldurulacağını ve bunun tam tersinin de geçerli olacağını unutmayın.
Sonuç
Bu yeni CDP düzenleyicisinin tasarımında, Geliştirici Araçları ekibinin hedefi, CDP komutlarının yazılmasını basitleştirmekti. Yeni düzenleyici, belgelerle birlikte parametreleri görüntülemek ve CDP komutlarınızı göndermeniz için daha kolay bir yol sağlamak için de kullanılabilir.
Önizleme kanallarını indirme
Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Yeni geliştirilenler veya Beta'yı kullanmayı düşünün. Bu önizleme kanallarıyla Geliştirici Araçları'nın en yeni özelliklerine erişebilir, son teknoloji ürünü web platformu API'lerini test edebilir ve sitenizdeki sorunları kullanıcılarınızdan önce tespit edebilirsiniz!
Chrome Geliştirici Araçları ekibiyle iletişim kurma
Yayındaki yeni özellikler ve değişiklikler ya da Geliştirici Araçları ile ilgili diğer konular hakkında konuşmak için aşağıdaki seçenekleri kullanın.
- crbug.com adresinden öneri veya geri bildirim gönderin.
- Geliştirici Araçları'nda, Diğer seçenekler
> Yardım > Geliştirici Araçları sorunu bildir'i kullanarak Geliştirici Araçları sorunlarını bildirin. - @ChromeDevTools adresine tweet gönderin.
- Geliştirici Araçları'ndaki YouTube videoları veya Geliştirici Araçları İpuçları YouTube videolarındaki yenilikler hakkındaki görüşlerinizi bizimle paylaşın.