
yapay zeka desteği
Doğrudan Chrome Geliştirici Araçları'na entegre edilmiş Gemini ile geliştirme iş akışınızı hızlandırın. Stil, performans, ağ ve kaynaklar için yapay zeka desteğiyle hata ayıklama işlemini kolaylaştırın.
Stil hatalarını düzeltme
Stil sorunlarında hata ayıklama işlemi zor olabilir. Öğenizin stilleriyle ilgili ayrıntılı bir açıklama alın ve düzen ile stil hatalarını düzeltme konusunda yardım alın:
Can you center this element?
Ağ isteklerini analiz etme
İstek ve yanıt başlıkları genellikle bir bakışta anlaşılmayan önemli bilgiler içerir. Ayrıntılı inceleme yapmak için yapay zeka desteğinden yararlanın:
Why does this request fail?
Kaynak dosyalarını anlama
Web sitenizdeki tüm kodları yazmanız pek olası değildir. Belirli bir komut dosyasının ne için kullanıldığından emin değil misiniz? Yapay zeka desteği şu konularda yardımcı olabilir:
What is this file used for?
Sayfa performansını inceleme
Core Web Vitals değerleri kötü mü? Yavaş bir web sitesinin temel nedenini bulmak zor olabilir. Yapay zeka yardımı, aşağıdakileri inceleyip size çözümler önerebilir:
Help me optimize my LCP score

Nerede olursanız olun yapay zeka yardımı alın
Gemini'den mevcut görevinizle ilgili yardım almak için Yapay Zeka'ya sor düğmesini arayın.
Demolar
Hangar
Taşma
Nasıl başlayacağınızdan emin değil misiniz?
Resmin en boy oranını düzeltme
Make all teaser images always be 16:9
Resimlerden biri diğerleriyle aynı şekilde kırpılmamış mı?
- chrome.dev/cinemai/devtools/ sayfasını açıp Geliştirici Araçları'nı açın.
- İzleyerek daha fazla bilgi edinin bölümünü bulup seçin.
- Yapay zeka yardımı simgesini tıklayın.
- İstem:
Make all teaser images always be 16:9
. Apply the suggested change
simgesini tıklayın ve devam edin.- Düğme ortalanmalıdır.
Aşırı dolum sorununu düzeltme
How can I make this element visible?
Öğe görünmüyor mu?
- chrome.dev/cinemai/devtools/ sayfasını açıp Geliştirici Araçları'nı açın.
- Bir scuba dalgıcı img öğesi bulun.
- Yapay zeka yardımı simgesini tıklayın.
- İstem:
How can I make this element visible without scrollbars?
. Apply the suggested change
simgesini tıklayın ve devam edin.- Dalgıç ekranda görünür olmalıdır.
Üstbilgilerin ne anlama geldiğini öğrenme
Are there any security headers present?
Belirli bir kaynağın güvenlik üst bilgileri hakkında daha fazla bilgi edinmek için:
- chrome.dev/cinemai/devtools/ sayfasını açıp Geliştirici Araçları'nı açın.
- Ağ panelinde
v4-chrome.dev.js
isteklerini seçin. - Yapay zeka yardımı simgesini tıklayın.
- İstem:
Are there any security headers present?
- LLM, kaynaktaki güvenlikle ilgili başlıkları açıklar.
Derinlemesine bakış
Chrome 133-135'te kalıcı yapay zeka sohbet geçmişi
DevTools 130-132 sürümündeki yenilikler
Başlama
Şartlar
Etkinleştir
Veri
Daha iyi hizmet vermemize yardımcı olun.
Bu özellik deneme aşamasındadır ve gelecekte değiştirilebilir. Google'ın görüşlerini yansıtmayan yanlış veya rahatsız edici bilgiler verebilir. Özelliği iyileştirmemize yardımcı olmak ve geri bildirim almaya devam etmek için yanıtları oylayın.