DevTools
Chrome Geliştirici Araçları, doğrudan Google Chrome tarayıcısında yerleşik olarak bulunan bir dizi web geliştiricisi aracıdır. Geliştirici Araçları sayesinde sayfaları anında düzenleyebilir ve sorunları daha hızlı teşhis edebilirsiniz. Bu da daha iyi web sitelerini daha hızlı şekilde oluşturmanıza yardımcı olur.
Yapay zeka ile hata ayıklama
Geliştirici Araçları'ndaki yapay zeka yeniliklerinin daha fazla işi daha hızlı yapmanıza nasıl olanak tanıdığını keşfedin. Geliştirici Araçları'nın gücünü en sevdiğiniz kodlama aracılarına bağlamak için aracılar için Geliştirici Araçları'nı kullanın.
Yapay zeka yenilikleri
Gemini'ın web sitenizin stilini, ağını, kaynaklarını ve performansını analiz edip iyileştirmenize yardımcı olmasına izin verin. Konsol hataları ve Konsol ile Kaynaklar panellerindeki kod önerileriyle ilgili yardım alın.
Ajanlar için Geliştirici Araçları
Kodlama aracınıza, yapay zeka iş akışınızda ağ etkinliğini incelemek, izleri kaydetmek ve web uygulamalarında sorun gidermek için kullandığınız güvenilir araçları verin.
Chrome Geliştirici Araçları MCP (Model Context Protocol) sunucusunu tercih ettiğiniz araca (Antigravity, Claude Code, Cline, Copilot vb.) bağlayın.
Performansı anlama
Sayfanızın performansına dair kapsamlı ve uygulanabilir bir görünüm elde edin.
Kaynakları inceleme
Sayfanız tarafından yüklenen kaynakları nasıl inceleyeceğinizi ve tarayıcınızdan nasıl düzenleyeceğinizi öğrenin.
Ağı analiz etme
Ağ isteklerini ve yanıtlarını anında analiz edip üzerine yazabilirsiniz.
Geliştirici Araçları'ndaki yaygın hata ayıklama senaryolarını eğlenceli bir şekilde ele alan aylık video serimize göz atın.
Kodlama aracılarıyla kullanıcı deneyimlerini taklit etme
Temsilciler için Chrome Geliştirici Araçları, temsilcinizin duyarlı düzenleri doğrulamasını, konuma duyarlı API'leri test etmesini ve çeşitli CPU veya ağ hızlarını simüle etmesini sağlar.
Kodlama aracılarıyla Lighthouse denetimlerini otomatikleştirme
Ajanlar için Chrome Geliştirici Araçları'ndaki Lighthouse, kodlama aracınızın erişilebilirlik, SEO, en iyi uygulamalar ve aracılı tarama için canlı durum kontrolleri yaparak web sitesi kalitesini değerlendirmesine olanak tanır.
Performans optimizasyonu Pitstop'u
Core Web Vitals'ı (LCP, CLS, INP) nasıl ölçeceğinizi ve Gemini'dan nasıl özel tavsiyeler alacağınızı gösteren güncellenmiş Performans paneli hakkında bilgi edinin.
Pixel Pirate
Geliştirici Araçları ile yelken açın ve hata ayıklama korsanı olun. Odak stillerini taklit etme, formları otomatik doldurma ile test etme ve ağ geçersiz kılmalarıyla arka uç hatalarını çözme tekniklerini keşfedin.
Performans analizleri alma
Çalışma zamanı performansınızın farklı yönlerini ölçmenize ve optimize etmenize yardımcı olacak çok çeşitli araçlar: Performans paneli, Lighthouse ve daha fazlası.
Performans aracına genel bakış
Performans panelindeki tüm özellikler hakkında bilgi edinin: performans izleme kaydetme, izlemeyi görüntüleme ve analiz etme ve daha fazlası.
Haberler ve güncellemeler
Kaynakları inceleme ve düzenleme
Özellik referansı
Kaynaklar panelindeki tüm özellikler hakkında bilgi edinin: Dosyaları görüntüleme ve düzenleme, JavaScript'de hata ayıklama ve çalışma alanı oluşturma.
Çalışma alanı oluşturma
Workspace, Geliştirici Araçları'nda yaptığınız değişiklikleri bilgisayarınızda depolanan kaynak koda kaydetmenize olanak tanır. Kendi projelerinizde nasıl çalışma alanı oluşturacağınızı öğrenin.
Ağ etkinliğini analiz etme
Ağ paneli
Ağ panelindeki tüm özellikler hakkında bilgi edinin: yanıt ve istek gövdelerini inceleme, başlıkların üzerine yazma ve daha fazlası.
Daha fazla araç
Geliştirici Araçları'ndaki diğer tüm özellikleri ve işlevleri keşfedin.