Yayınlanma tarihi: 20 Mayıs 2025
Google I/O 2025'te, üretkenliğinizi artıracak ve daha güçlü, sorunsuz ve modern bir web oluşturmanıza olanak tanıyacak yeni özellikleri kullanıma sunduk.
Son teknoloji özellikleri doğrudan elinize sunan ve bir sonraki projenize ilham verecek 10 önemli yeniliği aşağıda bulabilirsiniz.
1. Birkaç satır CSS ve HTML ile bant oluşturmak artık hiç olmadığı kadar kolay
CSS ile ilk boyamasında etkileşimli olan güzel bantlar oluşturun. Chrome 135, JavaScript olmadan bant oluşturmayı basitleştiren yeni CSS temel öğeleri (stil uygulanabilir parçalara ayırma, kaydırma işaretçisi öğeleri ve kaydırma düğmeleri) kullanıma sundu. Daha kısa sürede zengin, etkileşimli, sorunsuz ve daha erişilebilir bantlar oluşturmak için aşina olduğunuz CSS kavramlarını kullanın.
2. Açıklayıcı Pop-up'lar: Yeni İlgi Alanı Çağırıcı API'si ile tanışın
Deneysel Interest Invoker API, kaynak denemesi olarak kullanılabilir.
Bu özellik sayesinde, ziyaretçi ilgisi kısa bir süre boyunca etkin olduğunda pop-up'ları açık veya kapalı olarak belirtebilirsiniz. Stil uygulanamayan [title] özelliğine veda edin, [interesttarget] özelliğine merhaba deyin. JavaScript olmadan ipucu veya fareyle üzerine gelme kartları gibi zengin, duyarlı ve etkileşimli kullanıcı arayüzü öğeleri oluşturmak için bu API'yi Anchor Positioning API ve Popover API ile birlikte kullanın. Modern CSS ile sonsuz olasılık var.
3. Gemini Nano gibi lider modelleri kullanan çeşitli yerleşik yapay zeka API'leri mevcuttur. Bu API'ler artık Prompt API'de çoklu format özelliklerine sahiptir.
Yerleşik yapay zeka yolculuğumuza devam ediyoruz. Bu yolculukta, yapay zeka tarafından oluşturulan yüksek kaliteli sonuçlara erişmenin yanı sıra gelişmiş gizlilik, düşük gecikme ve daha düşük maliyet sunuyoruz. Yerleşik yapay zeka, cihaz üzerindeki görevler için uzman modelleri ve Google'ın en verimli modeli olan Gemini Nano'yu kullanır. Chrome 138'den itibaren Chrome uzantıları için Summarizer API, Language Detector API, Translator API ve Prompt API kararlı sürümde kullanılabilir. Ayrıca Writer API ve Rewriter API, kaynak denemelerinde kullanılabilir.
Yeni Proofreader API, çoklu modlu özelliklere sahip Prompt API ile birlikte Chrome Canary'da kullanılabilir.
En son bilgiler için yeni yerleşik yapay zeka API'leri üzerinde ortak çalışmak ve web'deki yapay zekanın geleceğini şekillendirmek üzere erken önizleme programımıza katılın.
4. Karma yapay zeka çözümü sunmak için istemci tarafı yapay zeka, Firebase ve Gemini Developer API ile genişletildi
Firebase ve Gemini Developer API ile yaptığımız işbirliği sayesinde artık mobil cihazlarda ve masaüstünde yapay zeka destekli web deneyimleri oluşturabilirsiniz. Bu uygulamalar mümkün olduğunda istemci tarafı yapay zekayı kullanır ve tüm cihazlara ve tarayıcılara ulaşmak için sunucu tarafı yapay zekaya sorunsuz bir şekilde ölçeklenir. Bugünden itibaren Firebase AI Logic, Gemini Nano tarafından desteklenen Chrome'un yerleşik Prompt API'sine ve Gemini Developer API'yi kullanan sunucu tarafındaki benzer küçük modellere sorunsuz erişim sağlıyor.
5. Chrome DevTools'daki yapay zeka desteği; stil, performans ve daha pek çok alanda hata ayıklama iş akışınızı destekler
Yapay zeka desteği sayesinde, Öğeler panelindeki stil hatalarını ayıklamak, Performans panelindeki performans sorunlarını çözmek, Ağ panelindeki ağ sorunlarını tespit etmek ve Kaynaklar panelindeki kaynak dosyaları bulmak için Gemini ile sohbet edebilirsiniz. Ayrıca yapay zeka desteği, stil değişikliklerini artık doğrudan Öğeler panelindeki kaynak kodunuza uygulayabilir.
6. Chrome DevTools Performans panelindeki gerçek kullanıcı verileri, Lighthouse Analizleri ve yapay zeka özellikleri, performans sorunlarını anlamanıza ve düzeltmenize yardımcı olur
Yeniden tasarlanan Performans paneliyle artık yerel ve gerçek kullanıcı Core Web Vitals verilerine erişebilir ve performans sorunlarını anlamanıza ve düzeltmenize yardımcı olması için Gemini'den yardım isteyebilirsiniz. Analizler kenar çubuğu, Lighthouse analizlerini izlemelerinize getirir. Böylece, iş akışınızdan ayrılmak veya üretkenliğinizi kesintiye uğratmak zorunda kalmadan daha hızlı hata ayıklama yapabilirsiniz.
7. Temel özellikler artık aşina olduğunuz araçlarda (VS Code, ESLint ve daha fazlası) kullanılabilir
Referans entegrasyonu ile web geliştirme iş akışınızda daha fazla doğruluk ve güven elde edin. Aşina olduğunuz web geliştirme araçlarında, web özelliklerinin başlıca tarayıcılarda kullanılabilirliği hakkında net bir görünüm elde edersiniz:
- IDE'ler: VSCode artık özellikleri derlediğiniz sırada temel durumlarını gösterir. JetBrains'in WebStorm IDE'si ve Firebase Studio, Windsurf, GitHub Codespaces gibi VS Code tabanlı IDE'ler de yakında bu özelliği destekleyecektir.
- Hata ayıklama araçları: CSS ve HTML hata ayıklama araçları, referans hedefinizden daha yeni bir özellik kullandığınızda sizi proaktif olarak uyarabilir. Referans, CSS için ESLint, HTML ESLint ve Stylelint'te desteklenir.
- Analizler: RUMvision, temel verileriyle gerçek kullanıcı metriklerini birleştirerek kitleniz için stratejik olarak en uygun temel sürümünü seçmenize olanak tanır. Google Analytics kullanıcıları, temel öneriler almak için verilerini Google Analytics Temel Değer Denetleyicisi'ne yükleyebilir.
- Derleyiciler: Kaynak kodunuzda modern özellikleri kullanabilmek ve bunları üretim derlemelerinizde derleyebilmek için temel hedeflerinizi Babel ve PostCSS gibi kod derleme araçlarınıza takmak üzere browserslist-config-baseline'ı kullanın.
8. Web Platformu Kontrol Paneli ile web özelliği desteğini eksiksiz şekilde görüntüleyin
Geçen yıl, web platformunun tamamını bir özellik grubu olarak eşleyen web özellikleri verilerini keşfetmenin bir yolu olan Web Platformu Kontrol Paneli'ni duyurmuştuk. Web özellikleri veri kümesi artık %100 eşlendiğinden, kullanıma sunulma ve benimseme durumları da dahil olmak üzere AVIF'den görüntü geçişlerine kadar her tarayıcıda her özelliğin temel durumunu ilk kez görebilirsiniz. Gelişmelerden haberdar olun ve güvenle içerik üretin.
9. Kimlik Bilgisi Yöneticisi ile basitleştirilmiş bir oturum açma deneyimi için geliştirici denemesi
Şifreler, kimlik federasyonu ve geçiş anahtarları da dahil olmak üzere birden fazla kimlik doğrulama yönteminin sitelerinizin kullanıcıları için neden olabileceği sıkıntıları biliyoruz. Kullanıcılara birleşik ve zahmetsiz bir oturum açma deneyimi sunmak istiyoruz. Bu nedenle, Android'in Kimlik Bilgisi Yöneticisi'nin sezgisel deneyimini Chrome'a taşıyoruz. Yakında, kullanıcılar oturum aç'ı tıkladığında Chrome, Google Şifre Yöneticisi'ndeki geçiş anahtarları ve şifreler gibi bu site için kullanılabilen kimlik bilgilerini gösterecek. Böylece, oturum açma işlemi sorunsuz hale gelecek. Bu deneyime kimlik federasyonu özelliğini de eklemeyi planlıyoruz. Web için Kimlik Bilgisi Yöneticisi artık geliştirici deneme sürümünde. Bu yılın ilerleyen dönemlerinde daha fazla güncelleme için bizi takip etmeye devam edin.
10. Gönderim incelemesini iptal etme özelliğiyle Chrome uzantılarında daha hızlı iterasyon yapın
Chrome uzantınızı göndermek sorunsuz, endişesiz ve heyecan verici bir deneyim olmalıdır. Ancak bekleyen gönderimlerdeki hataları hızlı bir şekilde düzeltme konusunda sorun yaşadığınızın farkındayız. Bu yılın başlarında, beklemedeki bir gönderimi iptal etme özelliğini kullanıma sunduk. Bu özellik, daha önce yayınlanmış bir sürümü geri alma özelliğini temel alır. Tüm bunlar, değişiklik yapmanıza ve hızlıca yeniden göndermenize olanak tanımak içindir.
En son bilgiler için developer.chrome.com ve web.dev adresini ziyaret edin. Güçlü ve daha kolay bir web'i nasıl oluşturduğumuz hakkında daha fazla bilgi edinin. X, YouTube ve LinkedIn üzerinden bizimle iletişime geçebilirsiniz. Bir sonraki I/O'da görüşmek üzere.
Deloitte, Birleşik Krallık'ta garanti sınırlamalı özel bir şirket olan Deloitte Touche Tohmatsu Limited ("DTTL"), üye firmaları ağı ve ilgili tüzel kişilerden en az birini ifade eder. DTTL ve üye firmalarının her biri yasal olarak ayrı ve bağımsız tüzel kişilerdir. DTTL ("Deloitte Global" olarak da bilinir) müşterilere hizmet sağlamaz. ABD'de Deloitte, DTTL'nin ABD'deki bir veya daha fazla üye firmasını, ABD'de "Deloitte" adını kullanarak faaliyet gösteren ilgili tüzel kişileri ve ilgili iştiraklerini ifade eder. Belirli hizmetler, kamu muhasebesinin kuralları ve yönetmelikleri uyarınca müşterilerin onaylaması için kullanılamayabilir. Küresel üye firma ağımız hakkında daha fazla bilgi edinmek için lütfen www.deloitte.com/about adresini ziyaret edin.