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 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?

İ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?

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?

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

Projelerinizde yapay zeka yardımını nasıl kullanmaya başlayacağınızı öğrenmek için etkileşimli demolarımıza göz atın.
Statik bir uçağı uçan bir harikaya dönüştürmek için yapay zeka destekli stil düzeltmelerini deneyin. Bu sırada güvenlik önlemlerini de aldığınızdan emin olun.
Yapay zeka yardımıyla kaderin kaydırma çubuğunu fethedecek misiniz yoksa bir dalış ekibi sonsuza dek bir düzen kabusuna mı mahkum olacak?

Nasıl başlayacağınızdan emin değil misiniz?

Geliştirici Araçları'nda yapay zeka desteği için istem fikirlerini keşfedin. Demolarımızı deneyin veya kendi web sitelerinizde deneyin.

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:

Derinlemesine bakış

Sık karşılaşılan web geliştirme sorunlarını çözmek için Geliştirici Araçları'nda yapay zeka yardımının nasıl kullanılacağını açıklayan videoları inceleyin.
Chrome 133-135'te kalıcı yapay zeka sohbet geçmişini keşfetme
Jecelyn, Oliver ve Matthias'ın Chrome 130-132'de yapay zeka desteğini tanıttığı oturuma katılın

Başlama

En son Chrome sürümünü kullandığınızdan ve oturum açtığınızdan emin olun. En az 18 yaşında olmanız ve desteklenen konumlardan birinde olmanız gerekir.
Yapay zeka yardımı varsayılan olarak devre dışıdır. Etkinleştirmek için Ayarlar > Yapay zeka yardımı bölümüne gidin. Yapay zeka yardımını kullanabilmek için Google Hizmet Şartları'nı kabul etmeniz gerekir.
Gemini ile paylaşılan verilerin günlüğe kaydedilip kaydedilmeyeceğini ve eğitim için kullanılıp kullanılmayacağını kontrol etmek üzere bir Enterprise politikası kullanılabilir.

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.