Örnekler
eBay, sorunsuz kimlik bilgisi paylaşımıyla oturum açma başarı oranlarını% 10 artırdı
eBay'in, sorunsuz kimlik bilgisi paylaşımı için Dijital Öğe Bağlantıları'nı kullanarak giriş başarısını nasıl% 10 artırdığını öğrenin. Güvenli, platformlar arası kimlik doğrulama uygulamayı ve kullanıcı deneyimini iyileştirmeyi öğrenin.
Chrome Web Store
Chrome Web Store Kullanıcıların uzantılara ve temalara göz atabilecekleri bir online pazar yeri. Uzantınızı burada yayınlayın ve tüm dünyanın erişebileceği hale getirin. dashboard Geliştirici Kontrol Paneli Uzantınızı yayınlayın ve mağaza öğelerinizi
Document Picture-in-Picture API ile heyecan verici kullanım alanlarından yararlanın
Belgelerde Resim İçinde Resim özelliğinin online öğrenme deneyimini nasıl geliştirdiğini öğrenin.
Chrome 134'te yenilikler
Chrome 134 sürümü kullanıma sunuluyor. Diyaloglar için ışık kapatma işlevi ve keşfedilecek çok daha fazla özellik içerir.
Chrome Web Mağazası geliştirici kontrol panelinde incelemeyi iptal etme
Artık incelemesi beklemede olan bir öğenin inceleme sürecini durdurabilirsiniz.
chrome.contentSettings
Web sitelerinin çerezler, JavaScript ve eklentiler gibi özellikleri kullanıp kullanamayacaklarını kontrol eden ayarları değiştirmek için chrome.contentSettings API'yi kullanın. Daha genel bir ifadeyle içerik ayarları, Chrome'un davranışını genel
chrome.bookmarks
Yer işaretleri oluşturmak, düzenlemek ve başka şekilde işlemek için chrome.bookmarks API'yi kullanın. Özel bir yer işareti yöneticisi sayfası oluşturmak için kullanabileceğiniz Sayfaları geçersiz kılma başlıklı makaleyi de inceleyin. Yer işaretleri
chrome.contentSettings
Web sitelerinin çerezler, JavaScript ve eklentiler gibi özellikleri kullanıp kullanamayacaklarını kontrol eden ayarları değiştirmek için chrome.contentSettings API'yi kullanın. Daha genel bir ifadeyle içerik ayarları, Chrome'un davranışını genel
chrome.bookmarks
Bu izin uyarı tetikler. Yer işaretleri oluşturmak, düzenlemek ve başka şekilde işlemek için chrome.bookmarks API'yi kullanın. Özel bir yer işareti yöneticisi sayfası oluşturmak için kullanabileceğiniz Sayfaları geçersiz kılma başlıklı makaleyi de
Yapay Zeka
Chrome'da yapay zeka Yapay zeka ile web'in yeni çağına hoş geldiniz. AI'ın geliştiricilerin web'de güçlü deneyimler oluşturmasını nasıl kolaylaştırabileceğini öğrenin. Chrome'da Gemini Nano ile neler yapılabileceğini yeniden hayal edin. Yerleşik AI
Gemini Nano'da hata ayıklama
Gemini Nano'ya gönderilen istemlerle ilgili ayrıntıları görmek için Chrome'un dahili bir sayfası vardır. Bu kılavuzda, hata ayıklama için bu aracı nasıl kullanacağınız açıklanmaktadır.
Android'de Chrome'un tam ekrana geçmesine hazırlanın
Android'de Chrome 135'ten itibaren tam ekran modu kullanıma sunulacak.
Gizlilik ve güvenlik paneli
Üçüncü taraf çerezlerini incelemek ve kontrol etmek ve HTTPS korumasını kontrol etmek için "Gizlilik ve güvenlik" panelini kullanın.
Chrome Geliştirici Araçları ile gelişmiş ağ analizi
Chrome Geliştirici Araçları ile gelişmiş ağ analizi yapın.
NRK, hikayelere hayat vermek için kaydırmayla çalışan animasyonları nasıl kullanıyor?
Kaydırmayla çalışan ve kaydırmayla tetiklenen animasyonların hikaye anlatımıyla ilgili makaleleri nasıl geliştirdiğini öğrenin
WebGPU'da Yenilikler (Chrome 134)
Alt gruplar, D3D12'de gölgelendirici derleme süresi iyileştirmeleri, karma olarak filtrelenebilir kayan nokta doku türleri desteğinin kaldırılması ve daha fazlası ile makine öğrenimi iş yüklerini iyileştirin.
chrome.app.runtime
Uygulama yaşam döngüsünü yönetmek için chrome.app.runtime API'yi kullanın. Uygulama çalışma zamanı, uygulama yüklemeyi yönetir, etkinlik sayfasını kontrol eder ve uygulamayı istediği zaman kapatabilir. herhangi bir isteğe bağlı Yerleştirilecek
chrome.printing
Chromebook'a yüklü yazıcılara yazdırma işleri göndermek için chrome.printing API'yi kullanın. Tüm chrome.printing yöntemleri ve etkinlikleri için uzantı manifestinde "printing" iznini belirtmeniz gerekir. Örneğin: Aşağıdaki örneklerde, baskı ad
chrome.sessions
Bir tarama oturumundaki sekmeleri ve pencereleri sorgulamak ve geri yüklemek için chrome.sessions API'yi kullanın. dize Yabancı cihazın adı. Oturum [] Yabancı cihazdaki açık pencere oturumlarının, en sondan en az sona değiştirilen oturuma göre
chrome.printing
Chromebook'a yüklü yazıcılara yazdırma işleri göndermek için chrome.printing API'yi kullanın. Tüm chrome.printing yöntemleri ve etkinlikleri için uzantı manifestinde "printing" iznini belirtmeniz gerekir. Örneğin: Aşağıdaki örneklerde, baskı ad
chrome.userScripts
Kullanıcı komut dosyalarını User Scripts bağlamında yürütmek için userScripts API'yi kullanın. Kullanıcı Komut Dosyaları API'sini chrome.userScripts kullanmak için manifest.json dosyanıza "userScripts" iznini ve komut dosyası çalıştırmak istediğiniz
chrome.sessions
Bir tarama oturumundaki sekmeleri ve pencereleri sorgulamak ve geri yüklemek için chrome.sessions API'yi kullanın. dize Yabancı cihazın adı. Oturum [] Yabancı cihazdaki açık pencere oturumlarının, en sondan en az sona değiştirilen oturuma göre
Chrome'u keşfedin
Chrome'u keşfedin Chrome 134, Beta Chrome 133 Chrome 132 Chrome 131 Chrome 130 Chrome 129 Chrome 128 Chrome 127 Chrome 126 Chrome 125 Chrome 124 Chrome 123 Chrome 122 Chrome 121 Chrome 120 Chrome 119 Chrome'da Yeni Geliştirici Araçları Geliştirici
Chrome 134'teki DevTools'daki yenilikler
Gizlilik ve güvenlik paneli, kalibre edilmiş CPU tarama, Performans'ta birinci ve üçüncü taraf vurgulama, yeni analizler ve daha fazlası.
chrome.i18n
Uygulamanızın veya uzantınızın tamamında uluslararasılaştırmayı uygulamak için chrome.i18n altyapısını kullanın. Bir uzantının /_locales dizini varsa manifest "default_locale" 'ı tanımlamalıdır. Kullanıcı tarafından görülebilen tüm dizelerini
Windows'daki Chromium tabanlı tarayıcılarda daha iyi metin oluşturma
Edge ekibi, Chromium'da Windows ClearType Tuner değerlerine doğrudan uyma desteği ekledi. Bu sayede Windows'daki Chromium tabanlı tarayıcılarda metin oluşturma işlemi daha iyi hale geldi.
chrome.storage
Kullanıcı verilerindeki değişiklikleri depolamak, almak ve izlemek için chrome.storage API'yi kullanın. Storage API'yi kullanmak için uzantının manifest "storage" iznini beyan edin. Örneğin: Storage API, kullanıcı verilerini ve durumunu korumak için
chrome.storage
Kullanıcı verilerindeki değişiklikleri depolamak, almak ve izlemek için chrome.storage API'yi kullanın. Storage API, kullanıcı verilerini ve durumunu korumak için uzantıya özel bir yöntem sağlar. Web platformunun depolama API'lerine ( IndexedDB ve
LCP resim alt bölümleri ve RTT artık CrUX'ta kullanılabilir
Şubat 2025 sürümündeki Chrome Kullanıcı Deneyimi Raporu'nda (CrUX değişiklikleri) yapılan değişiklikler (LCP resim alt bölümleri, LCP kaynak türleri ve RTT dahil) hakkında bilgi edinin.
Medya oynatırken otomatik olarak pencere içinde pencere moduna girme
Chrome, medya oynatan web uygulamalarının otomatik olarak pencere içinde pencere moduna girmesine izin verir.
chrome.enterprise.platformKeys
Anahtar oluşturmak ve bu anahtarlara sertifika yüklemek için chrome.enterprise.platformKeys API'yi kullanın. Sertifikalar platform tarafından yönetilir ve TLS kimlik doğrulaması, ağ erişimi veya chrome.platformKeys aracılığıyla diğer uzantılar
chrome.enterprise.platformKeys
Anahtar oluşturmak ve bu anahtarlara sertifika yüklemek için chrome.enterprise.platformKeys API'yi kullanın. Sertifikalar platform tarafından yönetilir ve TLS kimlik doğrulaması, ağ erişimi veya chrome.platformKeys aracılığıyla diğer uzantılar
Chrome 133'teki yenilikler
Chrome 133 kullanıma sunuldu. Keşfedebileceğiniz heyecan verici yeni CSS özellikleri ve daha fazlası var.
PWA'lar (Progresif Web Uygulaması) için sekmeli uygulama modu
Sekmeli uygulama modu, Progresif Web Uygulaması geliştiricilerinin bağımsız PWA'larına sekmeli doküman arayüzü eklemesine olanak tanır.
Uygulamaya özgü geçmişle kullanıcılarınızın göz atma deneyimini iyileştirin
Android uygulamanızda uygulamaya özgü geçmişi kullanma
Kimlik doğrulama sekmesini kullanarak kimlik doğrulamayı basitleştirme
Android uygulamanızda özel kimlik doğrulama sekmesini kullanma
Chrome özel sekmelerinde uygulamaya özel geçmişle kullanıcı etkileşimini artırma
Android için Chrome özel sekmelerinde uygulamaya özel geçmiş özelliği kullanıma sunuluyor
Geçici özel sekmelerle kullanıcıların web gizliliğini iyileştirin
Android uygulamanızda geçici özel sekmeleri kullanma
Android için Auth Tab ile web tabanlı oturum açma akışınızı iyileştirin
Android için Auth sekmesiyle web tabanlı kimlik doğrulamayı iyileştirin
chrome.permissions
Beyan edilen isteğe bağlı izinleri yükleme zamanından ziyade çalışma zamanında istemek için chrome.permissions API'yi kullanın. Böylece kullanıcılar izinlerin neden gerekli olduğunu anlayabilir ve yalnızca gerekli olanları verebilir. API'ler
chrome.permissions
Beyan edilen isteğe bağlı izinleri yükleme zamanından ziyade çalışma zamanında istemek için chrome.permissions API'yi kullanın. Böylece kullanıcılar izinlerin neden gerekli olduğunu anlayıp yalnızca gerekli olanları verir. API'ler tarafından verilen
chrome.runtime
Hizmet işçisini almak, manifest ile ilgili ayrıntıları döndürmek ve uzantı yaşam döngüsündeki etkinlikleri dinleyip yanıtlamak için chrome.runtime API'yi kullanın. URL'lerin göreceli yolunu tam nitelikli URL'lere dönüştürmek için de bu API'yi
Chrome 133'teki DevTools'daki yenilikler
Kalıcı yapay zeka sohbet geçmişi, daha iyi gezinme, listeleme yoksayma ve performans bölümündeki yığın izlemeleri, yeni "Yenilikler" paneli ve daha fazlası.
WebGPU'da Yenilikler (Chrome 133)
Ek unorm8x4-bgra ve 1 bileşenli köşe noktası biçimleri, bilinmeyen sınırların tanımlı olmayan değerle istenmesine olanak tanır, WGSL hizalama kurallarında değişiklikler, WGSL performansında atlama ile kazanımlar ve daha fazlası.
- WebGpu
Chrome Uzantıları'nda Ocak 2025'te yapılacak değişiklikler
Chrome uzantılarındaki son değişikliklere ve geliştiricilerin yakında kullanabileceği heyecan verici uzantı özelliklerine genel bakış.
Prompt API ile oturum yönetimi için en iyi uygulamalar
Bu kılavuzda, Prompt API ile oturum yönetimiyle ilgili en iyi uygulamalar tanıtılmaktadır.
Chrome'daki Yenilikler
Chrome'daki Yenilikler Dokümanlarımızdan ve blogumuzdan Chrome'daki en son güncellemeleri keşfedin. Yeni içerikler ve dokümanlarda önemli güncellemeler. article LLM'ler yanıtları nasıl akış şeklinde gösterir? Sunucu ve istemci için yapay zekada veri
Chrome Web Mağazası politika güncellemeleri: Geliştiriciler için netlik ve tutarlılık
Platformumuzda netlik ve tutarlılık sağlamak için tasarlanmış bir dizi politika güncellemesini duyuruyoruz.
Geçiş anahtarları için WebAuthn özellik algılamayı basitleştirme
"getClientCapabilities()" ile WebAuthn özelliklerini nasıl algılayacağınızı öğrenin ve kimlik doğrulama iş akışlarını kullanıcılarınıza göre özelleştirin.
Aktarılan LLM yanıtlarını oluşturmaya yönelik en iyi uygulamalar
Prompt API gibi akışları destekleyen API'lerle Gemini'den gelen akış yanıtlarını görüntülemek için bu ön uç en iyi uygulamalarını kullanın.
Yerleşik yapay zeka ile çeviri
Yerleşik Translator API, bir kaynaktan hedef dile rastgele içerik çevirmenize olanak tanır. API'yi denemek için kaynak denemesine katılın.
LLM'ler yanıtları nasıl akış şeklinde gösterir?
Akışlamanın ne olduğunu ve yapay zeka ile LLM'ler arasındaki ilişkiyi öğrenin.
Enerji Tasarrufu modunda donma
Chrome 133'ten itibaren, Enerji Tasarrufu modu etkinken uygun ve yoğun CPU kullanan arka plan sekmeleri dondurulur.
Media
Web sitelerinize ve web uygulamalarınıza resim, video ve diğer içerikleri ekleme yönteminizi iyileştirin.
Google Şifre Yöneticisi'ndeki geçiş anahtarları artık iOS'te kullanılabilir
iOS 17 veya sonraki sürümlerde Chrome artık Google Şifre Yöneticisi'nde (GPM) geçiş anahtarları oluşturabilir, senkronize edebilir ve kimlik doğrulaması yapabilir. Bu sayede, GPM'deki geçiş anahtarları Chrome'un kullanıldığı her yerde kullanılabilir.
CSS attr() işlevi yenilendi
Artık özel özellikler dahil olmak üzere herhangi bir CSS özelliğiyle attr() işlevini kullanabilirsiniz. Bu işlev, değerleri dize dışındaki veri türlerine ayrıştırabilir.
CSS scroll-state()
Kapsayıcı sorguları gibidir ancak takılı, sabitlenmiş ve taşkın sorgular için kullanılır.
Chrome 132'de yenilikler
Chrome 132 kullanıma sunuldu. Dialog öğesi bir ToggleEvent alır, öğe düzeyinde video paylaşımı için destek sağlar ve File System Access API, Android ve WebView'leri destekler.
Chrome 132
İletişim için ToggleEvent, öğe düzeyinde video paylaşımı desteği ve File System Access API, Android ve WebView'leri ve daha fazlasını destekler.
Gemini'yi Chrome Geliştirici Araçları'na nasıl ekledik?
Geliştirici Araçları'ndaki yeni yapay zeka yardım panelinin eğlenceli ve heyecan verici kullanım alanları hakkında bilgi edinin
chrome.sockets.udp
UDP bağlantılarını kullanarak ağ üzerinden veri göndermek ve almak için chrome.sockets.udp API'yi kullanın. Bu API, daha önce "socket" API'de bulunan UDP işlevinin yerini alır. Bu API'yi kullanmak için aşağıdaki anahtarlar manifest dosyasında beyan
chrome.tabs
Tarayıcı sekme sistemiyle etkileşim kurmak için chrome.tabs API'yi kullanın. Tarayıcıda sekme oluşturmak, değiştirmek ve yeniden düzenlemek için bu API'yi kullanabilirsiniz. Sekmeler API'si, sekmelerle ilgili işlem yapma ve sekmeleri yönetme
chrome.tabs
Tarayıcı sekme sistemiyle etkileşim kurmak için chrome.tabs API'yi kullanın. Tarayıcıda sekme oluşturmak, değiştirmek ve yeniden düzenlemek için bu API'yi kullanabilirsiniz. Sekmeler API'si, sekmelerle ilgili işlem yapma ve sekmeleri yönetme
Herhangi bir öğeden video akışı yakalayın
Element Capture API, geçerli sekmenin yakalamasını bir DOM alt ağacının yakalamasına dönüştürmenin etkili ve sağlam bir yoludur.
Yerleşik Yapay Zeka Yarışması'nın kazananları
Chrome'da Gemini Nano ile neler yapabileceğinizi yeniden düşünmeye davet ettiğimiz Yerleşik Yapay Zeka Yarışması'nın kazanan uygulama ve uzantılarını keşfedin.
Web Vitals uzantısı için destek sonlandırıldı
Web Vitals uzantısı ile Geliştirici Araçları'nın birleşmesi tamamlandı ve uzantı için destek sonlandırıldı.
chrome.ttsEngine
Uzantı kullanarak metin okuma(TTS) motoru uygulamak için chrome.ttsEngine API'yi kullanın. Uzantılarınız bu API'yi kullanarak kaydedilirse herhangi bir uzantı veya Chrome uygulaması konuşma oluşturmak için tts API'yi kullandığında, seslendirilecek
chrome.ttsEngine
Uzantı kullanarak metin okuma(TTS) motoru uygulamak için chrome.ttsEngine API'yi kullanın. Uzantılarınız bu API'yi kullanarak kaydedilirse herhangi bir uzantı veya Chrome uygulaması konuşma oluşturmak için tts API'yi kullandığında, seslendirilecek
chrome.cookies
Çerezleri sorgulamak ve değiştirmek ve değiştiklerinde bildirim almak için chrome.cookies API'yi kullanın. Çerez API'sini kullanmak için manifest dosyanızda "çerez" iznini ve çerezlerine erişmek istediğiniz tüm ana makineler için ana makine
chrome.cookies
Çerezleri sorgulamak ve değiştirmek ve değiştiklerinde bildirim almak için chrome.cookies API'yi kullanın. Çerez API'sini kullanmak için manifest dosyanızda, çerezlerine erişmek istediğiniz tüm ana makineler için "cookies" iznini ve ana makine
chrome.appviewTag
Chrome uygulamanıza diğer Chrome uygulamalarını yerleştirmek için appview etiketini kullanın. ( Kullanım bölümüne bakın). nesne Yerleştirilecek uygulamanın, yerleştirme kararı verirken kullanabileceği isteğe bağlı geliştirici tarafından belirtilen
XFO veya CSP ile tıklama tuşuyla saldırıyı azaltma
Tıklama tuşuyla saldırıları azaltma hakkında daha fazla bilgi edinin.
WebGPU'da Yenilikler (Chrome 132)
Doku görünümü kullanımı, 32 bit kayan nokta dokuları karıştırma, GPUDevice adapterInfo özelliği, tuval bağlamını geçersiz biçimle yapılandırarak JavaScript hatası oluşturma, dokularda örnekleyici kısıtlamalarını filtreleme, genişletilmiş alt grup denemeleri, geliştirici deneyimini iyileştirme, 16 bit normalleştirilmiş doku biçimleri için deneysel destek ve daha fazlası.
- WebGpu
Chrome uzantılarındaki yenilikler
Chrome uzantıları platformu, dokümanları ve politikasında yapılan son değişiklikler
Uygulamalar
Temel işletim sistemine daha fazla erişimi olan deneyimler oluşturmak için kullanılan teknoloji kullanımdan kaldırıldı.
Kuklacı
Gözetimsiz Chrome veya Chromium'u kontrol etmek için üst düzey API sağlayan bir Node.js kitaplığı
Android'de web
Android'de web uygulamaları geliştirmeye yönelik Chrome özellikleri hakkında bilgi edinin.
chrome.certificateProvider
Bu API'yi kullanarak sertifikalarınızı platforma gösterin. Platform, bu sertifikaları TLS kimlik doğrulamaları için kullanabilir. İstemci sertifikalarını ChromeOS'e göstermek için bu API'nin tipik kullanımı aşağıdaki adımları izler: Gerçek adım
chrome.extension
chrome.extension API'sinde, herhangi bir uzantı sayfası tarafından kullanılabilecek yardımcı programlar bulunur. Mesaj Geçişi bölümünde ayrıntılı olarak açıklandığı gibi, bir uzantı ile içeriği komut dosyaları veya uzantılar arasında mesaj alışverişi
chrome.certificateProvider
Bu API'yi kullanarak sertifikalarınızı platforma gösterin. Platform, bu sertifikaları TLS kimlik doğrulamaları için kullanabilir. İstemci sertifikalarını ChromeOS'e göstermek için bu API'nin tipik kullanımı aşağıdaki adımları izler: Gerçek adım
chrome.system.display
Görüntülü reklam meta verilerini sorgulamak için system.display API'yi kullanın. Ekranın sistem tarafından algılanıp algılanmadığını ve kullanılıp kullanılmadığını belirten bir enum. Sistem tarafından algılanmazsa (bağlantısı kesilmiş olabilir veya
chrome.system.display
Görüntülü reklam meta verilerini sorgulamak için system.display API'yi kullanın. Ekranın sistem tarafından algılanıp algılanmadığını ve kullanılıp kullanılmadığını belirten bir enum. Sistem tarafından algılanmazsa (bağlantısı kesilmiş olabilir veya
chrome.action
Google Chrome araç çubuğundaki uzantının simgesini kontrol etmek için chrome.action API'yi kullanın. Bu API'yi kullanmak için aşağıdaki anahtarlar manifest dosyasında beyan edilmelidir. chrome.action API'yi kullanmak için 3 "manifest_version"
chrome.commands
Uzantınızda işlemleri tetikleyen klavye kısayolları (ör. tarayıcı eylemini açan veya uzantıya komut gönderen bir işlem) eklemek için komutlar API'sini kullanın. Bu API'yi kullanmak için aşağıdaki anahtarlar manifest dosyasında beyan edilmelidir.
Uzaktan hata ayıklama kullanılırken işlem desteklenmiyor
Bazı WebDriver komutları (ör. tarayıcı penceresinin boyutunu değiştirme) tarayıcıya bir Chrome uzantısının yüklenmesini gerektirir. ChromeDriver, yeni bir Chrome oturumu başlattığında genellikle bu "otomasyon uzantısını" yükler. Ancak ChromeDriver'a
Chrome OS
Tüm ChromeOS test görüntülerinde /usr/local/chromedriver/ içine ChromeDriver ikili dosyası yüklenmiştir. İkili dosya, test resmindeki Chrome sürümüyle aynı sürüme güncellenir. Yani her zaman ChromeDriver'ın en son derlemesini kullanıyorsunuzdur.
chrome.extension
chrome.extension API'sinde, herhangi bir uzantı sayfası tarafından kullanılabilecek yardımcı programlar bulunur. Mesaj Geçişi bölümünde ayrıntılı olarak açıklandığı gibi, bir uzantı ile içeriği komut dosyaları veya uzantılar arasında mesaj alışverişi
ChromeDriver kilitleniyor
ChromeDriver kilitlenmelerini teşhis etmek ve düzeltmek için birkaç seçeneğiniz vardır. Bu yalnızca ChromeDriver kilitlenmeleriyle ilgilidir ve Chrome'un kilitlenmesi veya kapanmasıyla aynı değildir. Windows'ta şuna benzer bir şey görebilirsiniz:
İndirilenler
Chrome'un önceki sürümlerini destekleyen ChromeDriver sürümleri aşağıda verilmiştir. ChromeDriver'ın doğru sürümünü seçme hakkında daha fazla bilgi için Sürüm Seçimi sayfasına bakın. Chrome 114 sürümünü destekler Daha fazla bilgi için sürüm notlarına
Performans günlüğü
ChromeDriver, "Zaman Çizelgesi", "Ağ" ve "Sayfa" alanlarındaki etkinliklerin yanı sıra belirtilen izleme kategorileri için izleme verilerini bulabileceğiniz performans günlüğünü destekler. Performans günlüğe kaydetme özelliği varsayılan olarak ETKİN
Mobil emülasyon
Chrome, Chrome Geliştirici Araçları ile cihaz modunu etkinleştirerek kullanıcıların Chrome'u masaüstü sürümünden mobil cihazda taklit etmesine olanak tanır. Bu özellik, web geliştirme sürecini hızlandırır ve geliştiricilerin gerçek bir cihaza ihtiyaç
Android
ChromeDriver için en son ikili dosyalar, çeşitli ana makine platformları için zip dosyaları olarak paketlenir. ChromeDriver'ın eski sürümlerini İndirilenler bölümünde bulabilirsiniz. ChromeDriver, Chrome tarayıcıda (30 ve sonraki sürümler) ve Android
Canary
ChromeDriver Canary, en yeni ChromeDriver özelliklerini içerir. Yeni ikili dosyalar günde birkaç kez derlenir ve kullanıma sunulur. Geliştiriciler ve erken kullanıcılar için tasarlandığından bazen tamamen bozulabileceğini unutmayın. M115'ten
Chrome hemen başlatılmıyor veya hemen kilitleniyor
Bu durum genellikle ChromeDriver veya Chrome'u özel bir test koşum takımı (IDE olabilir) ya da sürekli derleme sistemi (Jenkins gibi) kullanarak çalıştırırken ortaya çıkar. Testinizin kullandığı Chrome ikilisini normal kullanıcı komut isteminden
Güvenlikle ilgili olarak göz önünde bulundurulması gerekenler
ChromeDriver, güçlü bir araçtır ve yanlış kişilerin eline geçtiğinde zarara neden olabilir. ChromeDriver'ı kullanırken aşağıdaki önerileri uygulayın:
Klavye desteği
ChromeDriver şu anda yalnızca ABD klavyesi yapılandırılmış sistemleri desteklemektedir. ChromeDriver bu durumu algıladığında aşağıdakileri günlüğe kaydeder: ABD klavyesi olmayan kullanıcılar, sendKeys veya TypeElement komutları sırasında tuşları
Otomatik doldurma özelliğinin kullanımı: Gerçek dünyadan analizler
Bir Chrome çalışması, otomatik doldurma özelliğini kullanan kullanıcıların formları daha hızlı doldurduğunu ve daha düşük vazgeçme oranları olduğunu gösteriyor.
Geliştirici geri bildirimi için özelleştirilebilir seçim isteği formundan elde edilen bulgular
Zaman ayırıp geri bildirimde bulunduğunuz, ayrıntıları incelediğiniz ve standartları şekillendirmemize yardımcı olduğunuz için teşekkür ederiz.
Yerleşik yapay zekayı kullanmaya başlayın
Yerleşik yapay zeka ile özellik ve uygulama oluşturmaya başlamak için gereken koşulları öğrenin.
Yerleşik yapay zeka ile dil algılama
Language Detector API, web'de ve tarayıcıda yerleşik dil algılama özelliği sunar.
Ayırma Zaman Çizelgesi Aracı'nı kullanma
Düzgün şekilde çöp toplamaya tabi tutulmayan ve belleği kullanmaya devam eden nesneleri bulmak için Ayırma zaman çizelgesi aracını kullanın.
Birleştirilmemiş animasyonlardan kaçının
"Birleştirilmemiş animasyonlardan kaçınma" Lighthouse denetimi nasıl geçer?
Chrome 132'deki DevTools'daki yenilikler
Gemini ile ağ isteklerinin, kaynak dosyaların ve performans izlemelerinin hatalarını ayıklayın, yapay zeka sohbet geçmişini görüntüleyin ve daha fazlasını yapın.
Bellek terminolojisi
Bu bölümde bellek analizinde yaygın olarak kullanılan terimler açıklanmakta ve farklı dillerdeki çeşitli bellek profili oluşturma araçları için geçerlidir.
DevTools ile performans izleme kaydetme ve analiz etme
Geliştirici Araçları ile performans izleme kaydını alıp analiz edin.
CSS Wrapped 2024
Chrome DevRel ekibine ve kaykay yapan Chrome Dino'ya katılarak 2024'te Chrome ve web platformu için kullanıma sunulan en yeni CSS'yi keşfedin.
Uzantı depolama alanını görüntüleme ve düzenleme
Uzatma Depolama Alanı paneliyle uzantı depolama alanını görüntüleme ve düzenleme.
chrome.browser
Mevcut uygulama ve Chrome profiliyle ilişkili Chrome Tarayıcı ile etkileşimde bulunmak için chrome.browser API'yi kullanın. dize Yeni sekme ilk açıldığında gidilecek URL. Geçerli uygulama ve Chrome profiliyle ilişkili bir tarayıcı penceresinde yeni
chrome.socket
TCP ve UDP bağlantılarını kullanarak ağ üzerinden veri göndermek ve almak için chrome.socket API'yi kullanın. Not: Chrome 33'ten itibaren bu API'nin desteği sonlandırıldı ve sockets.udp, sockets.tcp ve sockets.tcpServer API'leri kullanıma sunuldu.
chrome.bluetoothSocket
RFCOMM ve L2CAP bağlantılarını kullanarak Bluetooth cihazlarına veri göndermek ve almak için chrome.bluetoothSocket API'yi kullanın. Bu API'yi kullanmak için aşağıdaki anahtarlar manifest dosyasında beyan edilmelidir. "system_error" Sistem hatası
chrome.usb
Bağlı USB cihazlarla etkileşim kurmak için chrome.usb API'yi kullanın. Bu API, USB işlemlerine bir uygulama bağlamından erişim sağlar. Uygulamalar bu API'yi kullanarak donanım cihazları için sürücü olarak işlev görebilir. Bu API tarafından
chrome.syncFileSystem
Google Drive'a veri kaydetmek ve senkronize etmek için chrome.syncFileSystem API'yi kullanın. Bu API, Google Drive'da depolanan herhangi bir kullanıcı belgesine erişmek için DEĞİLDİR. Çevrimdışı ve önbelleğe alma kullanımı için uygulamaya özel
chrome.bluetooth
Bluetooth cihazına bağlanmak için chrome.bluetooth API'yi kullanın. Tüm işlevler, hataları chrome.runtime.lastError aracılığıyla bildirir. Bu API'yi kullanmak için aşağıdaki anahtarlar manifest dosyasında beyan edilmelidir. dize "XX:XX:XX:XX:XX:XX"
chrome.mdns
mDNS üzerinden hizmetleri keşfetmek için chrome.mdns API'sini kullanın. Bu, NSD spesifikasyonunun özelliklerinin bir alt kümesini içerir: http://www.w3.org/TR/discovery-api/ dize mDNS reklamı yapılan bir hizmetin IP adresi. dize[] mDNS reklamı
chrome.serial
Seri bağlantı noktasına bağlı bir cihazdan veri okumak ve cihaza veri yazmak için chrome.serial API'yi kullanın. number isteğe bağlı Şu sayfaya göz atın: ConnectionOptions.bitrate. Standart olmayan bir bit hızı kullanılıyorsa veya temel cihaz
chrome.bluetoothLowEnergy
chrome.bluetoothLowEnergy API, Genel Özellik Profili (GATT) 'ni kullanarak Bluetooth Smart (Düşük Enerji) cihazlarla iletişim kurmak için kullanılır. Bu API'yi kullanmak için aşağıdaki anahtarlar manifest dosyasında beyan edilmelidir.
chrome.webviewTag
Ağ üzerinden web'den canlı içerikleri etkin bir şekilde yüklemek ve Chrome uygulamanıza yerleştirmek için webview etiketini kullanın. Uygulamanız, webview etiketinin görünümünü kontrol edebilir, web içeriğiyle etkileşim kurabilir, yerleştirilmiş bir
chrome.fontSettings
Chrome'un yazı tipi ayarlarını yönetmek için chrome.fontSettings API'yi kullanın. Font Settings API'yi kullanmak için uzantı manifest dosyasında "fontSettings" iznini belirtmeniz gerekir. Örneğin: Chrome, bazı yazı tipi ayarlarının belirli genel yazı
Güçlü bir HSTS politikası kullanın
Güçlü bir HTTP Strict Transport Security (HSTS) politikası yapılandırma hakkında daha fazla bilgi
Performans Analizleri paneli kullanımdan kaldırılıyor
Deneysel Performans Analizleri paneli Ocak 2025'te kaldırılacak ve yerine Performans panelinde yeni analizler eklenecektir.
chrome.desktopCapture
Desktop Capture API, ekranın içeriğini, tek tek pencereleri veya sekmeleri yakalar. chooseDesktopMedia() işlevinde kullanılan masaüstü medya kaynaklarının kümesini tanımlamak için kullanılan enum. "screen" "window" "tab" "audio"
chrome.documentScan
Ekli belge tarayıcılardan görüntü keşfetmek ve almak için chrome.documentScan API'sini kullanın.
chrome.dns
DNS çözümü için chrome.dns API'yi kullanın. Bu API'yi kullanmak için "dns" iznini manifest dosyasında beyan etmeniz gerekir. Aşağıdaki kod, example.com öğesinin IP adresini almak için resolve() öğesini çağırır. service-worker.js: dize isteğe bağlı IP
chrome.declarativeContent
Sayfanın içeriğini okuma izni gerekmeden sayfanın içeriğine bağlı işlemler yapmak için chrome.declarativeContent API'yi kullanın. Declarative Content API, barındırma izinleri eklemenize veya içerik komut dosyası eklemenize gerek kalmadan, uzantınızın
chrome.system.storage
Depolama cihazı bilgilerini sorgulamak ve çıkarılabilir bir depolama cihazı takıldığında ya da cihazdan çıkarıldığında bildirim almak için chrome.system.storage API'yi kullanın. "success" Çıkarma komutu başarılıdır. Uygulama, kullanıcıdan cihazı
chrome.audio
chrome.audio API, kullanıcıların sisteme bağlı ses cihazları hakkında bilgi edinmesine ve bu cihazları kontrol etmesine olanak tanır. Bu API şu anda yalnızca ChromeOS için kiosk modunda kullanılabilir. dize Cihaz adı. DeviceType Cihazın türü. dize
chrome.contextMenus
Google Chrome'un bağlam menüsüne öğe eklemek için chrome.contextMenus API'yi kullanın. İçerik menüsü eklemelerinizin resim, köprü ve sayfa gibi nesne türleri için geçerli olup olmayacağını seçebilirsiniz. API'yi kullanmak için uzantınızın manifest
chrome.alarms
Kodu düzenli olarak veya gelecekte belirli bir zamanda çalışacak şekilde planlamak için chrome.alarms API'yi kullanın. chrome.alarms API'yi kullanmak için manifest dosyasında "alarms" iznini beyan edin: Güvenilir bir davranış sağlamak için API'nin
Otomatik Doldurma özelliği
Tarayıcılar ve geliştiriciler olarak kullanıcıların verileri daha hızlı girmesine ve verileri yeniden girmekten kaçınmasına yardımcı olabilirsiniz. Otomatik doldurma, tarayıcıların form alanlarını kullanıcıların kayıtlı bilgileriyle (ör. ad, adres ve
chrome.declarativeNetRequest
chrome.declarativeNetRequest API, açıklayıcı kurallar belirleyerek ağ isteklerini engellemek veya değiştirmek için kullanılır. Bu sayede uzantılar, ağ isteklerini araya girmeden ve içeriklerini görüntülemeden değiştirebilir. Böylece daha fazla
chrome.devtools.panels
Uzantmanızı Geliştirici Araçları pencere kullanıcı arayüzüne entegre etmek için chrome.devtools.panels API'yi kullanın: Kendi panellerinizi oluşturun, mevcut panellere erişin ve kenar çubukları ekleyin. Her uzantı paneli ve kenar çubuğu ayrı bir HTML
chrome.fileBrowserHandler
Chrome OS dosya tarayıcısını genişletmek için chrome.fileBrowserHandler API'yi kullanın. Örneğin, kullanıcıların web sitenize dosya yüklemesine izin vermek için bu API'yi kullanabilirsiniz. Kullanıcı Alt+Üst Karakter+M tuşlarına bastığında veya SD
chrome.readingList
Okuma Listesi 'ndeki öğeleri okumak ve değiştirmek için chrome.readingList API'yi kullanın. Okuma Listesi API'sini kullanmak için manifest uzantı dosyasına "readingList" iznini ekleyin: manifest.json: Chrome'da, yan panelde bir okuma listesi bulunur.
Video erişilebilirliği, Gemini API Geliştirici Yarışması web ödülünü kazandı
Gemini API Geliştirici Yarışması web ödülü için ViddyScribe'ı seçtik. Gemini'nin, herhangi bir video için sesli açıklama oluşturarak web'deki videoların daha erişilebilir hale getirilmesine nasıl yardımcı olabileceğini gösterdiler.
WebGPU için sırada ne var?
Web için GPU çalışma grubunun son toplantısında ele alınan yeni yapay zeka ve oluşturma özellikleri hakkında bilgi edinin.
- WebGpu
Yeni uzantı menüsünü test etmeye başladığımızdan uzantınızı hazırlayın
Uzantılarınızı yeni uzantılar menüsüne hazırlama.
chrome.networking.onc
chrome.networking.onc API, ağ bağlantılarını (hücresel, Ethernet, VPN veya kablosuz) yapılandırmak için kullanılır. Bu API, otomatik olarak başlatılan Chrome OS kiosk oturumlarında kullanılabilir. Ağ bağlantısı yapılandırmaları, Açık Ağ
Yerleşik AI
Yerleşik yapay zeka, kullanıcılara güçlü modeller sunmanın yanı sıra hassas verileri koruyup gecikmeyi iyileştirme konusunda en yeni tekliftir.
Chrome masaüstündeki geçiş anahtarları için Signal API
Chrome masaüstünde geçiş anahtarları için Signal API'yi kullanıma sunuyoruz
Çevirmen API kaynak denemesine katılın
Yerel yapay zeka modellerini kullanarak tarayıcıda metni canlı olarak çevirin. Artık kullanıcılar kendi dillerinde katkıda bulunabilirler.
İzleri doğrudan Performans panelinde ek açıklamayla işaretleme
Geliştirici Araçları'ndaki yeni ek açıklama özellikleriyle performans izlemelerini nasıl daha anlaşılır hale getireceğinizi öğrenin
Yapay zeka ile istemci tarafı çeviri
Dünya genelinde müşteri desteğini güçlendirmek için Translator API'yi keşfedin.
Chrome uzantıları için Prompt API kaynak denemesine katılma
Chrome uzantıları için Prompt API kaynak denemesine katılın ve Chrome'da Gemini Nano'ya erişin.
Chrome 131
CSS vurgusu devralma özelliği değişiyor, ayrıntılar öğesi için daha fazla CSS stili, sayfa kenar boşluğu kutularıyla daha kolay baskı düzeni ve daha fazlası.
Signal API ile geçiş anahtarlarını sunucunuzdaki kimlik bilgileriyle tutarlı tutun
WebAuthn Signal API, güvenen tarafın geçiş anahtarının sağlayıcısına mevcut kimlik bilgilerinin durumunu bildirmesine olanak tanır. Böylece geçiş anahtarları, sunucudaki kimlik bilgileriyle tutarlı olur.
Summarizer API kaynak denemesine katılma
Kullanıcıların uzun makaleleri, karmaşık dokümanları ve hatta canlı sohbet görüşmelerini kısa ve bilgilendirici özetlere dönüştürmesine yardımcı olmak için kaynak denemesine katılın.
Chrome 131'deki yenilikler
Chrome 131 kullanıma sunuldu. Ayrıntılar öğesi için daha fazla CSS stili, sayfa kenar boşluğu kutularıyla daha kolay baskı düzeni ve daha fazlası.
Yerleşik yapay zeka ile özetleme
Uzun makaleleri, karmaşık dokümanları ve hatta canlı sohbet görüşmelerini kısa ve bilgilendirici özetlere dönüştürün.
Manifest - Korumalı Alan
Uyarı: Chrome 57 sürümünden itibaren, korumalı alanlardaki sayfalarda harici web içeriğine (yerleşik çerçeveler ve komut dosyaları dahil) artık izin verilmeyecektir. Lütfen bunun yerine web görünümü kullanın. Korumalı alandaki benzersiz bir kaynakta
Manifest - Koşullar
Uygulama veya uzantının gerektirdiği teknolojiler. Chrome Web Mağazası gibi barındırma siteleri, kullanıcıları bilgisayarlarında çalışmayacak uygulama veya uzantıları yüklemekten vazgeçirmek için bu listeyi kullanabilir. Şu anda desteklenen şartlar
Depolama alanları için manifest
local ve sync depolama alanlarının aksine, managed depolama alanının yapısının JSON şeması olarak tanımlanması gerekir ve Chrome tarafından sıkı bir şekilde doğrulanır. Bu şema, "storage" manifest anahtarının "managed_schema" mülkü tarafından
Kaynak denemelerini kullanmaya başlama
Yeni veya deneysel bir web platformu özelliğini test edin. Tüm kullanıcılara sunulmadan önce web standartları topluluğuna özelliğin kullanılabilirliği, kullanışlılığı ve etkililiği hakkında geri bildirimde bulunun.
Bellek sorunlarını düzeltme
Bellek sızıntıları, bellek şişmesi ve sık çöp toplama işlemi gibi sayfa performansını etkileyen bellek sorunlarını bulmak için Chrome ve Geliştirici Araçları'nı nasıl kullanacağınızı öğrenin.
Stillendirme için daha fazla seçenek <details>
Artık yeni ::details-content sözde öğesini kullanarak görüntüleme türünü ayarlayabilir ve genişleyen ve daralan kısım için kapsayıcıya stil uygulayabilirsiniz.
WebGPU'daki Yenilikler (Chrome{6/}131)
WGSL'de mesafeleri kırpma, GPUCanvasContext getConfiguration(), nokta ve çizgi primitiflerinde derinlik önyargısı olmamalıdır, alt gruplar için dahili tarayıcı işlevleri, çoklu çizim için deneysel destek, gölgelendirici modülü derleme seçeneği katı matematik, GPUAdapter requestAdapterInfo() kaldırıldı ve daha fazlası.
- WebGpu
Bellek paneline genel bakış
Bellek ayırmayla ilgili ayrıntılı bilgiler edinin, düşük düzeyli bellek sorunlarını araştırın ve atık toplamayı yönetin.
Sorunsuz kimlik bilgisi paylaşımıyla kullanıcılarınızın sorunsuz bir şekilde oturum açmasına yardımcı olun
Kolay kimlik bilgileri paylaşımı sayesinde şifre yöneticilerine kullanıcılarınızın Android uygulamanız ve web sitenizde aynı kimlik bilgilerini kullanarak oturum açabileceğine dair güvenli bir şekilde sinyal gönderebilirsiniz.
Geliştirici Araçları'nı özelleştirin
Chrome Geliştirici Araçları'nı özelleştirmenin yolları: Temayı, yerleşimi, panel sırasını, dili ve daha fazlasını değiştirme.
Performans panelinde canlı Core Web Vitals metriklerini izleme
Performans panelinde canlı Core Web Vitals metriklerini izleyin.
CSS kullanarak yazdırılan web sayfalarının kenar boşluklarına içerik ekleme
Web sayfalarını yazdırırken özel üstbilgi ve altbilgi oluşturma
Geliştirici Araçları'ndaki yenilikler, Chrome 131
Gemini ile CSS'de hata ayıklama, bulgulara not ekleme ve Performans panelinde analizler alma, aşırı düzen kaymalarını ve birleştirilmemiş animasyonları tespit etme ve daha fazlasını yapma.
Kullanıcılarınızın el yazısını tanıma
El Yazısı Tanıma API'sı, web uygulamalarının, elle yazılmış girişlerdeki metinleri anlık olarak tanımak için gelişmiş el yazısı tanıma hizmetlerini kullanmasına olanak tanır.
WebGPU: Sorun giderme ipuçları ve düzeltmeleri
WebGPU'nun neden devre dışı bırakılmış olabileceğini veya Chrome tarayıcıda çalışmıyor olabileceğini öğrenin.
Çalışma zamanı performansını analiz edin
Chrome Geliştirici Araçları'nda çalışma zamanı performansını nasıl değerlendireceğinizi öğrenin.
Chrome'dan --headless=old parametresini kaldırma
Chrome 132'de artık eski Gözetimsiz modu bulunmamaktadır. Chrome-headless-shell veya yeni gözetimsiz moda geçin.
Geliştirici Araçları'ndaki yeni kaydırma rozeti: Kaydırılabilir öğeleri daha hızlı bulun
DevTools'un yeni kaydırma rozetinin, kaydırılabilir öğelerde hata ayıklamayı nasıl basitleştirdiğini (ve bu rozeti nasıl geliştirdiğimizi) öğrenin.
Chrome Gözetimsiz modu
Chrome'un Gözetimsiz modu, Chrome'un normal "gözetimli" moduna yaklaştırarak geliştiriciler için artık daha kullanışlı.
Cache-Control: no-store için bfcache'i etkinleştirme
Chrome, güvenli olduğunda Cache-Control: no-store kullanan sayfalarda bfcache kullanımına izin verecek bir değişiklik yapıyor. Bunun geliştiriciler için ne anlama geldiğini öğrenin.
DevTools Yapay Zeka Desteği ile Yapabileceğiniz 5 Harika Şey
Geliştirici Araçları'ndaki yeni yapay zeka yardım panelinin eğlenceli ve heyecan verici kullanım alanları hakkında bilgi edinin
Yerleşik AI API'leri
Yerleşik yapay zeka, kullanıcılara güçlü modeller sunmanın yanı sıra hassas verileri koruyup gecikmeyi iyileştirme konusunda en yeni tekliftir.
API referansı
Chrome Uzantıları için kullanıma sunulan tüm API'lara tam referans. Bu API'ler arasında, kullanımdan kaldırılan Chrome Uygulamaları platformuna ait API'lerin yanı sıra hâlâ beta ve geliştirme aşamasında olan API'ler de yer almaktadır.
Chrome 130
Chrome 130 sürümü kullanıma sunuldu. Belgede pencere içinde pencere özelliği, pencere içinde pencere pencereleri üzerinde daha fazla kontrol sahibi olmanızı sağlar. CSS iç içe yerleştirilmiş beyanlar, bazı zor uç durumları düzeltir ve birden fazla satıra bölünmüş öğelerdeki süslemelerin nasıl davranacağını belirtebilirsiniz. Bunlara ek olarak daha birçok özellik de mevcuttur.
WebGPU'daki Yenilikler (Chrome{6/}130)
Çift kaynak karıştırma, Metal'de gölgelendirici derleme süresi iyileştirmeleri, GPUAdapter requestAdapterInfo() desteğinin sonlandırılması ve daha fazlası.
- WebGpu
Stil için yapay zeka desteği
Geliştirici Araçları'nda yapay zeka yardımıyla bir web sitesinin nasıl biçimlendirildiğini öğrenin.
Chrome 130'daki yenilikler
Chrome 130 kullanıma sunuluyor! Doküman içinde pencere özelliği, pencere içinde pencere üzerinde daha fazla kontrol sahibi olmanızı sağlar. CSS iç içe yerleştirilmiş bildirimleri, bazı zorlu uç durumları düzeltir ve birden çok satıra bölünen öğelerdeki süslemelerin nasıl davranacağını belirleyebilirsiniz. Pete LePage, Chrome 130'da geliştiriciler için sunulan yeniliklerle ilgili tüm ayrıntıları paylaşıyor.
chrome.clipboard
chrome.clipboard API, kullanıcıların panodaki verilere erişmesine olanak tanımak için sağlanmaktadır. Bu, açık web alternatifi kullanıma sunulana kadar chromeos platform uygulamaları için geçici bir çözümdür. Açık web çözümü kullanıma sunulduğunda bu
Ağ etkinliğini inceleme
Chrome Geliştirici Araçları'ndaki ağ ile ilgili en popüler özelliklerle ilgili bir eğitim.
Uzun Animasyon Çerçeveleri API'si
Long Tasks API'nin bir sonraki yinelemesi olan ve ilişkilendirme ile kare güncelleme gecikmelerinin ölçülmesine olanak tanıyan Long Animation Frames API (LoAF) hakkında bilgi edinin.
Chrome 130'daki "box-decoration-break" özelliği
Chrome 130, ön ek eklenmemiş box-decoration-break desteğini tam olarak içerir.
Chrome uzantılarında Ekim 2024'te yapılacak değişiklikler
Chrome uzantılarındaki son değişikliklere ve geliştiricilerin yakında kullanabileceği heyecan verici uzantı özelliklerine genel bakış.
Native Client
Tarayıcıda derlenmiş C ve C++ kodu çalıştırmak için kullanılan korumalı alan. Bu özellik kullanımdan kaldırılmıştır.
Translation API erken önizleme için hazır
Translation API, artık yerleşik yapay zeka erken önizleme programı katılımcıları tarafından kullanılabilir.
CSS seçim stili için devralma değişiklikleri
Chrome 134'te CSS vurgusu devralma özelliğinde bir değişiklik yapılacak.
CSS çapa konumlandırma API'si
Anchor konumlandırma API'sini kullanarak öğeleri birbirine göre konumlandırın.
Chrome Geliştirici Araçları'nda tahminleri yakalayın: Neden zordur ve nasıl daha iyi hale getirilir?
Geliştirici Araçları hata ayıklayıcısının, bir istisnanın yakalanıp yakalanmadığını nasıl tahmin ettiğini öğrenin.
WebAuthn: Kimlik doğrulayıcıları emülasyon
Chrome Geliştirici Araçları'nda Authenticator emülasyonunu gerçekleştirin ve WebAuthn hatalarını ayıklayın.
Google Chrome Yerleşik Yapay Zeka Yarışması'na katılın
Yerleşik Yapay Zeka Yarışmasını başlatıyoruz. Bu etkinlikte, sizi Chrome'da Gemini Nano ile neler yapılabileceğini yeniden tasarlamaya davet ediyoruz.
Chrome 130'taki DevTools'daki yenilikler
Performans panelinde gezinebileceğiniz canlı metrikler ve içerik haritaları, yeniden tasarlanan ağ filtreleri, temizlenmiş HAR dışa aktarma işlemleri ve daha fazlasıyla ilgili öneriler.
Arama: Yüklenen tüm kaynaklarda metin bulun
Arama panelini kullanarak tüm yüklü kaynaklarda metin bulabilirsiniz.
Chrome Web Mağazası Geliştirici Kontrol Paneli mobil deneyimini iyileştirme
Chrome Web Mağazası Geliştirici Kontrol Paneli'ni daha duyarlı ve mobil uyumlu hale getiren bir dizi kullanıcı arayüzü değişikliğini kullanıma sunmaktan heyecan duyuyoruz. Bu değişikliğin, mağaza girişi performansını izlerken, giriş değişiklikleri
Özellik referansı
Chrome Geliştirici Araçları Kaydedici panel özellikleriyle ilgili kapsamlı referans.
Kaynaklar paneline genel bakış
Chrome Geliştirici Araçları'nın Kaynaklar panelinde dosyaları görüntüleyip düzenleyin, Snippet oluşturun, JavaScript hatalarını ayıklayın ve Çalışma Alanları'nı ayarlayın.
Kapsam: Kullanılmayan JavaScript ve CSS'yi bulma
Chrome Geliştirici Araçları'nda kullanılmayan JavaScript ve CSS kodunu bulma ve analiz etme.
Önbelleğe Almayla İlgili Bilinmeyenler: Önbellekleri İnceleme, Temizleme ve Devre Dışı Bırakma
Geliştirici Araçları'nı kullanarak önbelleği inceleyin ve önbelleğe dair sorunları giderin.
Tek sayfalık uygulamalar için aynı doküman görünümü geçişleri
Tek sayfalık uygulamanızda kullanmak üzere aynı doküman görünümü geçişlerini kullanmaya başlayın.
Web Vitals uzantısı artık DevTools'ta
Web Vitals uzantısı, Chrome Geliştirici Araçları'nın Performans paneliyle birleştirilecek. Bu nedenle, bağımsız destek Ocak 2025'te sona erecek.
Konsola genel bakış
Chrome Geliştirici Araçları Konsolu'nun ana kullanım alanları, mesajların günlüğe kaydedilmesi ve JavaScript'in çalıştırılmasıdır.
PWA'ları web uygulaması manifest kimliği mülküyle benzersiz bir şekilde tanımlama
İsteğe bağlı "id" özelliği, web uygulaması manifest spesifikasyonunun bir parçasıdır ve PWA'nız için kullanılan tanımlayıcıyı açık bir şekilde tanımlamanıza olanak tanır. Manifest'e "id" özelliğinin eklenmesi, "start_url"ye veya manifest'in konumuna olan bağımlılığı kaldırır ve bunların gelecekte güncellenmesine olanak tanır.
Geri bildirim gerekli: CSS duvar işini nasıl tanımlamalıyız?
Teklif edilen iki duvar detayının karşılaştırması.
Yazıcı ve yeniden yazar API'leri erken önizleme için kullanılabilir
EPP katılımcıları artık Chrome'da yazma ve yeniden yazma API'leriyle prototip oluşturabilir.
Chrome, Google Şifre Yöneticisi'ndeki geçiş anahtarlarını masaüstü ile Android arasında senkronize eder.
Masaüstünde Chrome, yakında Google Şifre Yöneticisi'nde (GPM) geçiş anahtarları oluşturabilecek ve bunları Android'e ek olarak bu platformlarda senkronize edebilecektir.
Animasyonu yüksekliğe getir: auto; (ve diğer doğal boyutlandırma anahtar kelimeleri)
"interpolate-size" ve "calc-size(" ile doğal boyutlandırma anahtar kelimeleri arasında animasyonlu geçiş
Geliştirici Araçları'nda yerel ve gerçek kullanıcı Core Web Vitals performansınızı izleyin
Chrome Geliştirici Araçları'ndaki Performans paneli, yerel Core Web Vitals performansınızı izlemeniz ve alandan elde edilen gerçek kullanıcı verileriyle karşılaştırmanız için yeni bir yöntem sunar.
Performans paneli: Web sitenizin performansını analiz edin
Web sitenizin yük ve çalışma zamanı performansını analiz edin
Chrome 129'daki yenilikler
Chrome 129 kullanıma sunuluyor. Uzun görevlerde verim alabilirsiniz. Performansı artırmak için öğeleri doğal boyutlarıyla animasyonlu hale getirebilirsiniz. Sabitleme konumlandırma söz diziminde bazı değişiklikler yapıldı ve daha pek çok şey var. Chrome 129'daki geliştiricilere yönelik yeniliklerle ilgili tüm ayrıntıları Pete LePage'in makalesinde bulabilirsiniz.
Chrome Denemesi: İşlem paylaşımı
İşlem paylaşımı denemesi ve Chrome Geliştirici Araçları geliştirici deneyimi üzerindeki etkisi.
WebGPU'da Yenilikler (Chrome 129)
Tuval ton eşleme modu ile HDR desteği, genişletilmiş alt grup desteği ve daha fazlası.
- WebGpu
Web Seri'de Bluetooth RFCOMM güncellemeleri
Web Serial ile Bluetooth RFCOMM seri bağlantı noktasının ne zaman kullanılabileceğini nasıl algılayacağınızı öğrenin.
Geliştirici geri bildirimi isteği: özelleştirilebilir seçim
Özelleştirilebilir yeni seçim özelliğine erken bir bakış.
Ekranı dondur Kaybolan öğeleri inceleme
DOM'daki öğeleri DevTools ile inceleyebilmeniz için dondurabilirsiniz.
Tüm Öğeler için Pencere İçinde Pencere <video>
Rastgele HTML içeriğini her zaman açık bir pencerede görüntüleyin.
Klavye Kilidi ve İşaretçi Kilidi API'leri için Chrome 131'den izin gerekir
Klavye Kilidi API'si, geliştiricilerin etkileşimli web siteleri, oyunlar ve uzak masaüstü veya uygulama aktarımı gibi çeşitli kullanım alanları için sürükleyici, tam ekran bir deneyim sunmasına olanak tanır. Bu işlemi, web sitelerinin ana makine
Manifest - Nacl Modülleri
MIME türlerinden her türü işleyen Native Client modülüne bir veya daha fazla eşleme. Örneğin, Örneğin, aşağıdaki snippet'te kalın harflerle yazılmış kod, işleyicisi. "path" (yol) değeri uzantı içindeki bir Native Client manifestinin (.nmf dosyası)
externally_connectable
externally_connectable manifest mülkü, runtime.connect ve runtime.sendMessage üzerinden uygulamanıza bağlanıyor. Mesaj iletme ile ilgili bir eğitim için uzantılar ve uygulama mesajlaşma ve mesaj gönderme konularına bakın. kullanın. Uygulamanızın
Manifest - Simgeler
Uzantıyı, uygulamayı veya temayı temsil eden bir veya daha fazla simge. Her zaman 128x128 simge; yükleme sırasında ve Chrome Web Mağazası tarafından kullanılır. Uzantılar, Uzantı yönetimi sayfasında (chrome://extensions) kullanılan 48x48 boyutunda
Manifest Sürümü
Paketiniz için gereken manifest dosyası biçiminin belirtildiği bir tam sayı. Chrome itibariyle 18'de açıklandığı gibi, geliştiriciler bu biçimi kullanmak için 2 (tırnak işareti olmadan) belirtmelidir. doküman: Manifest sürümü 1'in, Chrome 18'den
Bellek Denetleyici: ArrayBuffer, TypedArray, DataView ve Wasm Bellek'i inceleyin.
JavaScript'te bir ArrayBuffer, TypedArray veya DataView'un yanı sıra WebAssembly.Memory of C++ Wasm uygulamalarını incelemek için Bellek denetleyicisini kullanın.
Değişiklikler: HTML, CSS ve JavaScript değişikliklerinizi izleme
HTML, CSS ve JavaScript'teki değişiklikleri izleyin.
Digital Credentials API kaynak denemesiyle tanışın
Digital Credentials API'si için kaynak denemesi Chrome 128'den başlıyor. Digital Credentials API, web sitelerinin sürücü belgesi veya dijital cüzdanda depolanan resmi kimlik kartı gibi dijital kimlik bilgileri aracılığıyla kullanıcı hakkındaki doğrulanabilir bilgileri seçmeli olarak istemesine olanak tanıyan yeni bir web platformu API'sidir.
Komut Menüsünde komutları çalıştırma
Komut Menüsünü açma, komutları çalıştırma, dosyaları açma, diğer işlemleri görme ve daha pek çok konuda bir kılavuz.
Bağlayıcı konumlandırma söz dizimi değişiklikleri
Anchor konumlandırma API'siyle ilgili dikkat etmeniz gereken değişiklikler.
Chrome'da web siteleri arasında sorunsuz kimlik bilgisi paylaşımı
Aynı hesap yönetimi arka ucunu paylaşan birden fazla alan kullanıyorsanız Digital Asset Links ile artık kimlik bilgilerini bunlar arasında sorunsuz bir şekilde paylaşarak kullanıcıların kimlik bilgilerini bir kez kaydetmelerini ve Chrome şifre yöneticisinin bunları ilişkili web sitelerinden herhangi birine önermesini sağlayabilirsiniz.
Geliştirici Araçları'ndaki yenilikler, Chrome 129
Performans'taki arama istekleri > Ağ, Otomatik Doldurma özelliği ile adres formlarındaki test verilerini kullanın, Kaydedici panelinde Firefox için Puppeteer'a aktarın, Performans panelindeki gözlemlerle performans sorunlarını bir bakışta tespit edin ve daha fazlasını yapın.
Web Platformu
Chrome'un nasıl çalıştığını öğrenin, kaynak denemelerine katılın ve Chrome ile her yerde uygulama derleyin.
Chrome'da WebAuthn için ipuçları, İlgili Kaynak İstekleri ve JSON serileştirme tanıtımı
Chrome'daki WebAuthn artık ipuçlarını, İlgili Kaynak İstekleri'ni ve JSON serileştirmesini kullanabilir
chrome.privacy
Chrome'da kullanıcı gizliliğini etkileyebilecek özelliklerin kullanımını kontrol etmek için chrome.privacy API'yi kullanın. Bu API, Chrome'un yapılandırmasını almak ve ayarlamak için API türünün ChromeSetting prototipini kullanır. "Gizlilik"
chrome.wallpaper
ChromeOS duvar kağıdını değiştirmek için chrome.wallpaper API'yi kullanın. "Duvar kağıdı"nı beyan etmeniz gerekir uygulamanın manifest'inde duvar kağıdı API'sini kullanıyor. Örneğin: Örneğin, duvar kağıdını şuradaki resim olarak ayarlamak için:
chrome.system.storage
Depolama cihazı bilgilerini sorgulamak ve çıkarılabilir depolama cihazı takılıp çıkarıldığında bildirim almak için chrome.system.storage API'yi kullanın. "success" Çıkarma komutu başarılı; uygulama, kullanıcıdan cihazı kaldırmasını isteyebilir.
chrome.scripting
Komut dosyasını farklı bağlamlarda yürütmek için chrome.scripting API'yi kullanın. chrome.scripting API'yi kullanmak için manifest dosyasında "scripting" iznini ve komut dosyası yerleştirileceği sayfalara ait ana makine izinlerini bildirin.
chrome.input.ime
Chrome OS için özel bir IME uygulamak üzere chrome.input.ime API'yi kullanın. Bu, uzantınızın tuş vuruşlarını işlemesine, besteyi ayarlamasına ve aday pencereyi yönetmesine olanak tanır. "Giriş"i tanımlamanız gerekir uzantı manifesti 'nde giriş.ime
chrome.power
Sistemin güç yönetimi özelliklerini geçersiz kılmak için chrome.power API'yi kullanın. Varsayılan olarak, kullanıcılar etkin olmadıklarında işletim sistemleri ekranı karartır ve sonunda bahsedeceğim. Power API ile bir uygulama veya uzantı sistemi
chrome.webAuthenticationProxy
chrome.webAuthenticationProxy API, uzak ana makine üzerinde çalışan uzaktan masaüstü yazılımının, yerel bir istemcide işlemek üzere Web Authentication API (WebAuthn) isteklerine müdahale etmesine olanak tanır. dize navigator.credentials.create()
chrome.enterprise.hardwarePlatform
Tarayıcının çalıştığı donanım platformunun üreticisini ve modelini almak için chrome.enterprise.hardwarePlatform API'yi kullanın. Not: Bu API yalnızca kurumsal politikaya göre yüklenen uzantılar tarafından kullanılabilir. dize dize Donanım
chrome.vpnProvider
Bir VPN istemcisini uygulamak için chrome.vpnProvider API'yi kullanın. Tipik chrome.vpnProvider kullanımı aşağıdaki gibidir: createConfig() numaralı telefonu çağırarak VPN yapılandırmaları oluşturun. VPN yapılandırması, ChromeOS kullanıcı arayüzünde
chrome.tabCapture
Sekme medya akışlarıyla etkileşimde bulunmak için chrome.tabCapture API'sini kullanın. chrome.tabCapture API, video ve resim içeren bir MediaStream 'a erişmenizi sağlar mevcut sekmenin sesini tıklayın. Yalnızca kullanıcı bir uzantıyı çağırdıktan
chrome.types
chrome.types API, Chrome için tür bildirimleri içerir. ChromeSetting türü, ortak bir işlev grubu ( get(), set() ve clear() ) sağlar ve Chrome tarayıcı ayarları için bir etkinlik yayıncısı ( onChange ) oluşturun. Proxy ayarları örnekler bu işlevlerin
chrome.system.memory
chrome.system.memory API. sayı Bayt cinsinden kullanılabilir kapasite miktarı. sayı Fiziksel bellek kapasitesinin bayt cinsinden toplam miktarı. Fiziksel hafıza bilgilerini alma. işlev isteğe bağlı callback parametresi şu şekilde görünür: MemoryInfo
chrome.enterprise.deviceAttributes
Cihaz özelliklerini okumak için chrome.enterprise.deviceAttributes API'yi kullanın. Not: Bu API yalnızca kurumsal politika tarafından zorunlu olarak yüklenmiş uzantılar için kullanılabilir. Yönetici tarafından not eklenmiş Konum'u getirir. Geçerli
chrome.systemLog
Uzantılardan Chrome sistem günlüklerini kaydetmek için chrome.systemLog API'yi kullanın. dize Yeni bir günlük kaydı ekler. MessageOptions Günlük kaydı seçenekleri. işlev isteğe bağlı callback parametresi şu şekilde görünür: Taahhüt<void>
chrome.enterprise.networkingAttributes
Mevcut ağınızla ilgili bilgileri okumak için chrome.enterprise.networkingAttributes API'yi kullanın. Not: Bu API yalnızca kurumsal politika tarafından zorunlu olarak yüklenmiş uzantılar için kullanılabilir. dize isteğe bağlı Cihazın yerel IPv4 adresi
chrome.proxy
Chrome'un proxy ayarlarını yönetmek için chrome.proxy API'yi kullanın. Bu API, proxy yapılandırmasını almak ve ayarlamak için API türünün ChromeSetting prototipini kullanır. "Proxy"yi beyan etmeniz gerekir uzantı manifestinde proxy ayarlarını
chrome.topSites
Yeni sekme sayfasında görüntülenen en popüler sitelere (yani en çok ziyaret edilen siteler) erişmek için chrome.topSites API'yi kullanın. Bunlar, kullanıcı tarafından özelleştirilmiş kısayolları içermez. "topSites"ı tanımlamanız gerekir uzantınızın
chrome.devtools.recorder
Geliştirici Araçları'ndaki Kaydedici panelini özelleştirmek için chrome.devtools.recorder API'yi kullanın. devtools.recorder API, Chrome Geliştirici Araçları'ndaki Kaydedici panelini genişletmenize olanak tanıyan bir önizleme özelliğidir. Geliştirici
chrome.devtools.performance
Geliştirici Araçları'ndaki Performans panelinde, kayıt durumu güncellemelerini dinlemek için chrome.devtools.performance API'yi kullanın. Geliştirici Araçları API'lerinin kullanımıyla ilgili genel bilgiler için Geliştirici Araçları API'leri özeti
chrome.system.cpu
CPU meta verilerini sorgulamak için system.cpu API'yi kullanın. dize İşlemcilerin mimari adı. dize[] İşleyenin bazı özelliklerini gösteren özellik kodu grubu. Şu anda desteklenen kodlar "mmx", "sse", "sse2", "sse3", "ssse3", "sse4_1", "sse4_2" ve
chrome.processes
Tarayıcı işlemleriyle etkileşimde bulunmak için chrome.processes API'yi kullanın. sayı Önbelleğin bayt cinsinden kullanılan bölümü. sayı Önbelleğin bayt cinsinden boyutu. sayı isteğe bağlı İşlemin tüm iş parçacıklarına göre toplam kullanılan tek bir
chrome.devtools.network
Geliştirici Araçları tarafından Ağ panelinde görüntülenen ağ istekleriyle ilgili bilgileri almak için chrome.devtools.network API'sini kullanın. Ağ istekleriyle ilgili bilgiler, HTTP Arşivi biçiminde ( HAR ) sunulur. Şunun açıklaması: HAR bu
chrome.search
Varsayılan sağlayıcı üzerinden arama yapmak için chrome.search API'yi kullanın. "CURRENT_TAB" Arama sonuçlarının, etkin tarayıcının arama sekmesinde veya sekmede gösterileceğini belirtir. "NEW_TAB" Arama sonuçlarının yeni bir sekmede gösterileceğini
chrome.webNavigation
Yayındaki navigasyon isteklerinin durumu hakkında bildirim almak için chrome.webNavigation API'yi kullanın. Tüm chrome.webNavigation yöntem ve etkinlikleri "webNavigation" iznini beyan etmenizi gerektiriyor uzantı manifest 'inde bulabilirsiniz.
chrome.devtools.inspectedWindow
Denetlenen pencereyle etkileşim kurmak için chrome.devtools.inspectedWindow API'sini kullanın: İncelenen sayfanın sekme kimliğini alın, kodu denetlenen pencere bağlamında değerlendirin, sayfayı yeniden yükleyin veya sayfadaki kaynakların listesini
chrome.tts
Sentezlenmiş metin okuma (TTS) çalmak için chrome.tts API'yi kullanın. Ayrıca, uzantıların konuşma motoru uygulamasına olanak tanıyan ilgili ttsEngine API'sine de bakın. Chrome bu özelliği Windows (SAPI 5 kullanan), Mac OS X ve ChromeOS'te işletim
chrome.tabGroups
Tarayıcının sekme gruplama sistemiyle etkileşimde bulunmak için chrome.tabGroups API'sini kullanın. Bu API'yi, tarayıcıdaki sekme gruplarını değiştirmek ve yeniden düzenlemek için kullanabilirsiniz. Sekmeleri gruplandırıp gruplandırmak veya gruplarda
chrome.printerProvider
chrome.printerProvider API, yazdırma yöneticisi tarafından kullanılan etkinlikleri, uzantılar tarafından kontrol edilen yazıcıları sorgulamak, özelliklerini sorgulamak ve yazdırma işlerini bu yazıcılara göndermek için kullanıma sunar. dize isteğe
chrome.printingMetrics
Yazdırma kullanımıyla ilgili verileri getirmek için chrome.printingMetrics API'yi kullanın. "BLACK_AND_WHITE" Siyah beyaz modun kullanıldığını belirtir. "COLOR" Renk modunun kullanıldığını belirtir. "ONE_SIDED" Tek taraflı yazdırmanın kullanıldığını
Özellikler ve ChromeOptions
Özellikler, bir ChromeDriver oturumunu özelleştirmek ve yapılandırmak için kullanabileceğiniz seçeneklerdir.
Dil algılama API'si erken önizleme için kullanıma sunuldu
EPP katılımcıları artık Chrome'da bir dil algılama API'si ile prototip oluşturabilir.
chrome.declarativeNetRequest
chrome.declarativeNetRequest API, bildirim temelli kurallar belirleyerek ağ isteklerini engellemek veya değiştirmek için kullanılır. Bu sayede uzantılar, ağ isteklerini müdahale etmeden ve içeriklerini görüntülemeden değiştirerek daha fazla gizlilik
Lighthouse: Web sitesi hızını optimize etme
Chrome Lighthouse ile web sitelerinizin daha hızlı yüklenmesini sağlayın.
chrome.webRequest
Trafiği gözlemleyip analiz etmek, yayındaki isteklere müdahale etmek, bunları engellemek veya değiştirmek için chrome.webRequest API'yi kullanın. Web isteğini kullanmak için uzantı manifestinde "webRequest" iznini beyan etmeniz gerekir API ve gerekli
chrome.sidePanel
İçeriği, bir web sayfasının ana içeriğinin yanı sıra tarayıcının yan panelinde barındırmak için chrome.sidePanel API'sini kullanın. Side Panel API'yi kullanmak için uzantı manifest dosyasına "sidePanel" iznini ekleyin: manifest.json: Side Panel API,
chrome.omnibox
Çok amaçlı adres çubuğu API'sı, çok amaçlı adres çubuğu olarak da bilinen Google Chrome'un adres çubuğuna anahtar kelimeleri kaydetmenize olanak tanır. Kullanıcı uzantınızın anahtar kelimesini girdiğinde, yalnızca uzantısına sahip olur. Her tuş
chrome.pageAction
Google Chrome ana araç çubuğunda, adres çubuğunun sağ tarafındaki simgeleri yerleştirmek için chrome.pageAction API'sini kullanın. Sayfa işlemleri, geçerli sayfada gerçekleştirilebilecek ancak tüm sayfalar için geçerli olmayan işlemleri temsil eder.
chrome.windows
Tarayıcı pencereleriyle etkileşimde bulunmak için chrome.windows API'yi kullanın. Tarayıcıda pencereler oluşturmak, değiştirmek ve yeniden düzenlemek için bu API'yi kullanabilirsiniz. İstendiğinde bir windows.Window, tabs.Tab nesne dizisi içerir.
chrome.i18n
Uygulamanızın veya uzantınızın tamamında uluslararasılaştırma sağlamak için chrome.i18n altyapısını kullanın. Kullanıcının görebildiği tüm dizeleri messages.json adlı bir dosyaya yerleştirmeniz gerekir. Her seferinde yeni bir yerel ayar
chrome.browserAction
Tarayıcı işlemlerini kullanarak simgeleri ana Google Chrome araç çubuğuna, adres çubuğunun sağına yerleştirin. Bir tarayıcı işlemi, simgesine ek olarak bir ipucu, rozet ve pop-up içerebilir. Aşağıdaki şekilde, adres çubuğunun sağındaki çok renkli
chrome.webRequest
Trafiği gözlemleyip analiz etmek, yayındaki isteklere müdahale etmek, bunları engellemek veya değiştirmek için chrome.webRequest API'yi kullanın. Web isteğini kullanmak için uzantı manifestinde "webRequest" iznini beyan etmeniz gerekir API ve gerekli
chrome.fileBrowserHandler
Chrome OS dosya tarayıcısını genişletmek için chrome.fileBrowserHandler API'yi kullanın. Örneğin, kullanıcıların web sitenize dosya yükleyebilmesini sağlamak için bu API'yi kullanabilirsiniz. Kullanıcı Alt+Üst Karakter+M tuşlarına bastığında veya SD
chrome.devtools.panels
Uzantınızı Geliştirici Araçları pencere kullanıcı arayüzüne entegre etmek için chrome.devtools.panels API'sini kullanın: Kendi panellerinizi oluşturun, mevcut panellere erişin ve kenar çubukları ekleyin. Bu API'yi kullanmak için aşağıdaki
Manifest dosyası biçimi
Her uygulamanın manifest.json adlı, JSON biçimli bir manifest dosyası vardır. Bu manifesto ekleyebilirsiniz. Aşağıdaki kod, Uygulamalar için desteklenen manifest alanlarını, her alanı ele alıyor.
chrome.system.cpu
CPU meta verilerini sorgulamak için system.cpu API'yi kullanın. dize İşlemcilerin mimari adı. dize[] İşleyenin bazı özelliklerini gösteren özellik kodu grubu. Şu anda desteklenen kodlar "mmx", "sse", "sse2", "sse3", "ssse3", "sse4_1", "sse4_2" ve
chrome.enterprise.networkingAttributes
Mevcut ağınızla ilgili bilgileri okumak için chrome.enterprise.networkingAttributes API'yi kullanın. Not: Bu API yalnızca kurumsal politika tarafından zorunlu olarak yüklenmiş uzantılar için kullanılabilir. dize isteğe bağlı Cihazın yerel IPv4 adresi
chrome.gcm
Uygulamaları ve uzantıları Firebase Cloud Messaging (FCM) üzerinden mesaj gönderip alacak şekilde etkinleştirmek için chrome.gcm kullanın. Bir iletideki tüm anahtar/değer çiftlerinin maksimum boyutu (bayt cinsinden). 4.096 Uygulamayı FCM'ye kaydeder.
chrome.instanceID
Örnek Kimliği hizmetine erişmek için chrome.instanceID kullanın. Uygulama örneği tanımlayıcısını sıfırlar ve onunla ilişkili tüm jetonları iptal eder. işlev isteğe bağlı callback parametresi şu şekilde görünür: Taahhüt<void> Vaatler yalnızca
chrome.loginState
Giriş durumunu okumak ve izlemek için chrome.loginState API'yi kullanın. "SIGNIN_PROFILE" Uzantının oturum açma profilinde olduğunu belirtir. "USER_PROFILE" Uzantının kullanıcı profilinde olduğunu belirtir. "UNKNOWN" Oturum durumunun bilinmediğini
chrome.fontSettings
Chrome'un yazı tipi ayarlarını yönetmek için chrome.fontSettings API'yi kullanın. Font Settings API'yi kullanmak için "fontSettings" hakkında bildirimde bulunmanız gerekir uzantıdaki diğer manifesto içinde yeniden etkinleştirilmelidir. Örneğin:
chrome.platformKeys
Platform tarafından yönetilen istemci sertifikalarına erişmek için chrome.platformKeys API'yi kullanın. Kullanıcı veya politika izin verirse bir uzantı, özel kimlik doğrulama protokolünde böyle bir sertifikayı kullanabilir. Ör. Bu ayar, üçüncü taraf
chrome.input.ime
Chrome OS için özel bir IME uygulamak üzere chrome.input.ime API'yi kullanın. Bu, uzantınızın tuş vuruşlarını işlemesine, besteyi ayarlamasına ve aday pencereyi yönetmesine olanak tanır. "Giriş"i tanımlamanız gerekir uzantı manifesti 'nde giriş.ime
chrome.printingMetrics
Yazdırma kullanımıyla ilgili verileri getirmek için chrome.printingMetrics API'yi kullanın. "BLACK_AND_WHITE" Siyah beyaz modun kullanıldığını belirtir. "COLOR" Renk modunun kullanıldığını belirtir. "ONE_SIDED" Tek taraflı yazdırmanın kullanıldığını
chrome.history
Tarayıcının ziyaret edilen sayfalarıyla ilgili kaydıyla etkileşimde bulunmak için chrome.history API'yi kullanın. Tarayıcının geçmişindeki URL'leri ekleyebilir, kaldırabilir ve sorgulayabilirsiniz. Geçmiş sayfasını kendi sürümünüzle geçersiz kılmak
chrome.devtools.inspectedWindow
Denetlenen pencereyle etkileşim kurmak için chrome.devtools.inspectedWindow API'sini kullanın: İncelenen sayfanın sekme kimliğini alın, kodu denetlenen pencere bağlamında değerlendirin, sayfayı yeniden yükleyin veya sayfadaki kaynakların listesini
chrome.identity
OAuth2 erişim jetonları almak için chrome.identity API'yi kullanın. dize Hesap için benzersiz bir tanımlayıcı. Bu kimlik, hesabın kullanım ömrü boyunca değişmez. "SYNC" Senkronizasyonun birincil hesap için etkinleştirildiğini belirtir. "HERHANGİ
chrome.processes
Tarayıcı işlemleriyle etkileşimde bulunmak için chrome.processes API'yi kullanın. sayı Önbelleğin bayt cinsinden kullanılan bölümü. sayı Önbelleğin bayt cinsinden boyutu. sayı isteğe bağlı İşlemin tüm iş parçacıklarına göre toplam kullanılan tek bir
chrome.tts
Sentezlenmiş metin okuma (TTS) çalmak için chrome.tts API'yi kullanın. Ayrıca, uzantıların konuşma motoru uygulamasına izin veren ilgili ttsEngine API'sine de bakın. Chrome, Windows (SAPI 5 kullanan), Mac OS X ve ChromeOS'te konuşma için yerel destek
chrome.enterprise.hardwarePlatform
Tarayıcının çalıştığı donanım platformunun üreticisini ve modelini almak için chrome.enterprise.hardwarePlatform API'yi kullanın. Not: Bu API yalnızca kurumsal politikaya göre yüklenen uzantılar tarafından kullanılabilir. dize dize Donanım
chrome.devtools.recorder
Geliştirici Araçları'ndaki Kaydedici panelini özelleştirmek için chrome.devtools.recorder API'yi kullanın. Geliştirici Araçları API'lerinin kullanımıyla ilgili genel bilgiler için Geliştirici Araçları API'leri özeti sayfasına bakın. devtools.recorder
chrome.dom
Uzantılar için özel DOM API'lerine erişmek üzere chrome.dom API'yi kullanın Belirtilen öğe tarafından barındırılan açık gölge kökünü veya kapalı gölge kökünü alır. Öğe gölge kökünü eklemezse null döndürür. HTMLElement nesne
chrome.tabCapture
Sekme medya akışlarıyla etkileşimde bulunmak için chrome.tabCapture API'sini kullanın. chrome.tabCapture API bir video ve dosya içeren MediaStream 'e erişmenizi sağlar mevcut sekmenin sesini tıklayın. Yalnızca kullanıcı bir uzantıyı çağırdıktan sonra
chrome.management
chrome.management API, yüklü uygulamaları ve uzantıları yönetmenin yollarını sunar. "Yönetim"i beyan etmeniz gerekir. yönetimi kullanmak için uzantı manifestinde API'ye gidin. Örneğin: management.getPermissionWarningsByManifest,
chrome.webNavigation
Yayındaki navigasyon isteklerinin durumu hakkında bildirim almak için chrome.webNavigation API'yi kullanın. Tüm chrome.webNavigation yöntemleri ve etkinlikleri için "webGezinme" özelliğini belirtmeniz gerekir izin uzantı manifest 'inde
chrome.topSites
Yeni sekme sayfasında görüntülenen en popüler sitelere (yani en çok ziyaret edilen siteler) erişmek için chrome.topSites API'yi kullanın. Bunlar, kullanıcı tarafından özelleştirilmiş kısayolları içermez. "topSites"ı tanımlamanız gerekir uzantınızın
chrome.search
Varsayılan sağlayıcı üzerinden arama yapmak için chrome.search API'yi kullanın. "CURRENT_TAB" Arama sonuçlarının, etkin tarayıcının arama sekmesinde veya sekmede gösterileceğini belirtir. "NEW_TAB" Arama sonuçlarının yeni bir sekmede gösterileceğini
chrome.types
chrome.types API, Chrome için tür bildirimleri içerir. ChromeSetting prototipi, bir ortak işlev grubu ( get(), set() ve clear() ) sağlar ve Chrome tarayıcı ayarları için bir etkinlik yayıncısı ( onChange ) oluşturun. Proxy ayarları örnekler bu
chrome.idle
Makinenin boşta kalma durumunun ne zaman değiştiğini algılamak için chrome.idle API'yi kullanın. "Boşta" değerini beyan etmeniz gerekir uzantınızın manifest dosyasında boşta API'yi kullanmak için izin verin. Örneğin: "active" "boşta" "kilitli"
chrome.wallpaper
ChromeOS duvar kağıdını değiştirmek için chrome.wallpaper API'yi kullanın. "Duvar kağıdı"nı beyan etmeniz gerekir uygulamanın manifest'inde duvar kağıdı API'sini kullanıyor. Örneğin: Örneğin, duvar kağıdını şuradaki resim olarak ayarlamak için:
chrome.enterprise.deviceAttributes
Cihaz özelliklerini okumak için chrome.enterprise.deviceAttributes API'yi kullanın. Not: Bu API yalnızca kurumsal politika tarafından zorunlu olarak yüklenmiş uzantılar için kullanılabilir. Yönetici tarafından not eklenmiş Konum'u getirir. Geçerli
chrome.windows
Tarayıcı pencereleriyle etkileşimde bulunmak için chrome.windows API'yi kullanın. Tarayıcıda pencereler oluşturmak, değiştirmek ve yeniden düzenlemek için bu API'yi kullanabilirsiniz. İstendiğinde bir windows.Window, tabs.Tab nesne dizisi içerir.
chrome.power
Sistemin güç yönetimi özelliklerini geçersiz kılmak için chrome.power API'yi kullanın. Varsayılan olarak, kullanıcılar etkin olmadıklarında işletim sistemleri ekranı karartır ve sonunda bahsedeceğim. Power API ile bir uygulama veya uzantı sistemi
chrome.pageCapture
Bir sekmeyi MHTML olarak kaydetmek için chrome.pageCapture API'sini kullanın. MHTML, çoğu tarayıcı tarafından desteklenen standart bir biçimdir. Her biri tek bir dosyada, ve tüm kaynaklarını (CSS dosyaları, resimler...). Güvenlik nedeniyle bir MHTML
chrome.systemLog
Uzantılardan Chrome sistem günlüklerini kaydetmek için chrome.systemLog API'yi kullanın. dize Yeni bir günlük kaydı ekler. MessageOptions Günlük kaydı seçenekleri. işlev isteğe bağlı callback parametresi şu şekilde görünür: Taahhüt<void>
chrome.privacy
Chrome'da kullanıcı gizliliğini etkileyebilecek özelliklerin kullanımını kontrol etmek için chrome.privacy API'yi kullanın. Bu API, Chrome'un yapılandırmasını almak ve ayarlamak için API türünün ChromeSetting prototipini kullanır. "Gizlilik"
chrome.fileSystemProvider
Chrome OS'teki dosya yöneticisinden erişilebilen dosya sistemleri oluşturmak için chrome.fileSystemProvider API'sini kullanın. "fileSystemProvider" tanımlamanız gerekir uzantı manifesti 'ndeki File System Provider API'sini kullanmak için izin ve
chrome.notifications
Şablonları kullanarak zengin bildirimler oluşturmak ve bu bildirimleri sistem tepsisinde kullanıcılara göstermek için chrome.notifications API'sını kullanın. dize isteğe bağlı Düğme simgeleri Mac OS X kullanıcıları için görünür değil. dize dize Bu
chrome.devtools.network
Geliştirici Araçları tarafından Ağ panelinde görüntülenen ağ istekleriyle ilgili bilgileri almak için chrome.devtools.network API'sini kullanın. Bu API'yi kullanmak için aşağıdaki anahtarların manifest dosyasında beyan edilmesi gerekir. Geliştirici
chrome.downloads
Bu izin uyarı tetikler İndirme işlemlerini programatik olarak başlatmak, izlemek, işlemek ve aramak için chrome.downloads API'yi kullanın. Bu API'yi kullanmak için uzantı manifestinde "downloads" iznini beyan etmeniz gerekir. chrome.downloads API'nin
chrome.proxy
Chrome'un proxy ayarlarını yönetmek için chrome.proxy API'yi kullanın. Bu API, proxy yapılandırmasını almak ve ayarlamak için API türünün ChromeSetting prototipini kullanır. "Proxy"yi beyan etmeniz gerekir uzantı manifestinde proxy ayarlarını
chrome.vpnProvider
Bir VPN istemcisini uygulamak için chrome.vpnProvider API'yi kullanın. vpnProvider'ın tipik kullanımı aşağıdaki gibidir: createConfig yöntemini kullanarak VPN yapılandırmaları oluşturun. VPN yapılandırması, yerel bir ChromeOS kullanıcı arayüzünde
chrome.printerProvider
chrome.printerProvider API, yazdırma yöneticisi tarafından kullanılan etkinlikleri, uzantılar tarafından kontrol edilen yazıcıları sorgulamak, özelliklerini sorgulamak ve yazdırma işlerini bu yazıcılara göndermek için kullanıma sunar. dize isteğe
chrome.events
chrome.events ad alanı, ilginç bir şey olduğunda sizi bilgilendirmek için etkinlik gönderen API'lerin kullandığı yaygın türleri içerir. Event, ilginç bir şey olduğunda bildirim almanızı sağlayan bir nesnedir. Bir Alarm süresi dolduğunda bildirim
chrome.events
chrome.events ad alanı, ilginç bir şey olduğunda sizi bilgilendirmek için etkinlik gönderen API'lerin kullandığı yaygın türleri içerir. Event, ilginç bir şey olduğunda bildirim almanızı sağlayan bir nesnedir. Bir Alarm süresi dolduğunda bildirim
chrome.idle
Makinenin boşta kalma durumunun ne zaman değiştiğini algılamak için chrome.idle API'yi kullanın. Boşta API'yi kullanmak için uzantınızın manifest dosyasında "idle" iznini beyan etmeniz gerekir. Örneğin: "active" "boşta" "kilitli" Boştayken ekran
chrome.offscreen
Ekran dışı dokümanlar oluşturmak ve yönetmek için offscreen API'yi kullanın. Offscreen API kullanmak için uzantı manifestinde "offscreen" iznini beyan edin. Örneğin: Service Worker'ların DOM erişimi yoktur ve birçok web sitesinin içerik güvenliği
chrome.pageCapture
Bir sekmeyi MHTML olarak kaydetmek için chrome.pageCapture API'sini kullanın. MHTML, çoğu tarayıcı tarafından desteklenen standart bir biçimdir. Her biri tek bir dosyada, ve tüm kaynaklarını (CSS dosyaları, resimler...). Güvenlik nedeniyle bir MHTML
chrome.fileSystemProvider
Chrome OS'teki dosya yöneticisinden erişilebilen dosya sistemleri oluşturmak için chrome.fileSystemProvider API'sini kullanın. "fileSystemProvider" tanımlamanız gerekir uzantı manifesti 'ndeki File System Provider API'sini kullanmak için izin ve
chrome.dom
Uzantılar için özel DOM API'lerine erişmek üzere chrome.dom API'yi kullanın Belirtilen öğe tarafından barındırılan açık gölge kökünü veya kapalı gölge kökünü alır. Öğe gölge kökünü eklemezse null döndürür. HTMLElement nesne
chrome.debugger
chrome.debugger API'si, Chrome'un uzaktan hata ayıklama protokolü için alternatif bir aktarım görevi görür. Ağ etkileşimi aracı üzerinden bir veya daha fazla sekme eklemek, JavaScript'te hata ayıklamak, DOM ve CSS'yi değiştirmek ve daha pek çok işlem
chrome.management
chrome.management API, yüklü uygulamaları ve uzantıları yönetmenin yollarını sunar. "Yönetim"i beyan etmeniz gerekir. yönetimi kullanmak için uzantı manifestinde API'ye gidin. Örneğin: management.getPermissionWarningsByManifest(),
chrome.omnibox
Çok amaçlı adres çubuğu API'sı, çok amaçlı adres çubuğu olarak da bilinen Google Chrome'un adres çubuğuna anahtar kelimeleri kaydetmenize olanak tanır. Kullanıcı uzantınızın anahtar kelimesini girdiğinde, yalnızca uzantısına sahip olur. Her tuş
chrome.downloads
İndirme işlemlerini programatik olarak başlatmak, izlemek, işlemek ve aramak için chrome.downloads API'yi kullanın. Bu API'yi kullanmak için uzantı manifestinde "downloads" iznini beyan etmeniz gerekir. chrome.downloads API'nin kullanımıyla ilgili
chrome.history
Tarayıcının ziyaret edilen sayfalarıyla ilgili kaydıyla etkileşimde bulunmak için chrome.history API'yi kullanın. Tarayıcının geçmişindeki URL'leri ekleyebilir, kaldırabilir ve sorgulayabilirsiniz. Geçmiş sayfasını kendi sürümünüzle geçersiz kılmak
chrome.gcm
Uygulamaları ve uzantıları Firebase Cloud Messaging (FCM) üzerinden mesaj gönderip alacak şekilde etkinleştirmek için chrome.gcm kullanın. Bir iletideki tüm anahtar/değer çiftlerinin maksimum boyutu (bayt cinsinden). 4.096 Uygulamayı FCM'ye kaydeder.
chrome.notifications
Şablonları kullanarak zengin bildirimler oluşturmak ve bu bildirimleri sistem tepsisinde kullanıcılara göstermek için chrome.notifications API'sını kullanın. dize isteğe bağlı Düğme simgeleri Mac OS X kullanıcıları için görünür değil. dize dize Bu
chrome.instanceID
Örnek Kimliği hizmetine erişmek için chrome.instanceID kullanın. Uygulama örneği tanımlayıcısını sıfırlar ve onunla ilişkili tüm jetonları iptal eder. işlev isteğe bağlı callback parametresi şu şekilde görünür: Taahhüt<void> Manifest V3 ve
chrome.loginState
Giriş durumunu okumak ve izlemek için chrome.loginState API'yi kullanın. "SIGNIN_PROFILE" Uzantının oturum açma profilinde olduğunu belirtir. "USER_PROFILE" Uzantının kullanıcı profilinde olduğunu belirtir. "UNKNOWN" Oturum durumunun bilinmediğini
chrome.platformKeys
Platform tarafından yönetilen istemci sertifikalarına erişmek için chrome.platformKeys API'yi kullanın. Kullanıcı veya politika izin verirse bir uzantı, özel kimlik doğrulama protokolünde böyle bir sertifikayı kullanabilir. Ör. Bu ayar, üçüncü taraf
chrome.identity
OAuth2 erişim jetonları almak için chrome.identity API'yi kullanın. dize Hesap için benzersiz bir tanımlayıcı. Bu kimlik, hesabın kullanım ömrü boyunca değişmez. "SYNC" Senkronizasyonun birincil hesap için etkinleştirildiğini belirtir. "HERHANGİ
chrome.sockets.tcp
TCP bağlantılarını kullanarak ağ üzerinden veri göndermek ve almak için chrome.sockets.tcp API'yi kullanın. Bu API, daha önce chrome.socket API'de bulunan TCP işlevinin yerini alır. Bu API'yi kullanmak için aşağıdaki anahtarların manifest dosyasında
chrome.hid
Bağlı HID cihazlarıyla etkileşimde bulunmak için chrome.hid API'yi kullanın. Bu API, bir uygulama bağlamından HID işlemlerine erişim sağlar. Uygulamalar bu API'yi kullanarak donanım cihazları için sürücü olarak çalışabilir. Bu API tarafından
chrome.sockets.tcpServer
TCP bağlantılarını kullanarak sunucu uygulamaları oluşturmak için chrome.sockets.tcpServer API'yi kullanın. Bu API, daha önce chrome.socket API'de bulunan TCP işlevinin yerini alır. Bu API'yi kullanmak için aşağıdaki anahtarların manifest dosyasında
chrome.system.network
chrome.system.network API'yi kullanın. dize Kullanılabilir IPv4/6 adresi. dize Bağdaştırıcının temel adı. *nix'te bu değer genellikle "eth0", "wlan0" vb. olur. sayı Önek uzunluğu Bu sistemdeki yerel bağdaştırıcılarla ilgili bilgileri alır. işlev
chrome.fileSystem
Kullanıcının yerel dosya sisteminde dosya oluşturmak, okumak, sistemde gezinmek ve bu sisteme yazmak için chrome.fileSystem API'yi kullanın. Bu API ile Chrome Uygulamaları, kullanıcı tarafından seçilen bir konumu okuyabilir ve yazabilir. Örneğin, bir
chrome.app.window
Pencere oluşturmak için chrome.app.window API'yi kullanın. Pencerelerde başlık çubuğu ve boyut denetimleri bulunan isteğe bağlı bir çerçeve vardır. Herhangi bir Chrome tarayıcı penceresiyle ilişkilendirilmez. Bu seçeneklerin gösterilmesi için Pencere
chrome.virtualKeyboard
chrome.virtualKeyboard API, kiosk oturumlarında sanal klavye düzenini ve davranışını yapılandırmak için kullanılan, kiosk'a özel bir API'dir. boole isteğe bağlı Sanal klavyelerin otomatik tamamlama sağlayıp sağlayamayacağı. boole isteğe bağlı Sanal
chrome.mediaGalleries
Kullanıcının yerel disklerindeki medya dosyalarına (ses, görüntü, video) erişmek için chrome.mediaGalleries API'yi kullanın (kullanıcının izniyle). dize boolean dize Değiştirilen galeriyi tanımlar. GalleryChangeType Değişiklik etkinliğinin türü.
Günlük Kaydı
Varsayılan olarak ChromeDriver, yalnızca uyarıları/hataları stderr kaydına kaydeder. Hata ayıklama sırasında sorunları çözmek için daha ayrıntılı günlük kaydını etkinleştirmek yararlı olur. Ayrıntılı günlük kaydını etkinleştirmek için --verbose
ChromeDriver'ı kullanmaya başlayın
Bu sayfada, web sitenizi şurada test etmek için ChromeDriver'ı kullanmaya nasıl başlayacağınız açıklanmaktadır: masaüstü (Windows/Mac/Linux). Ayrıca şunu da okuyabilirsiniz: Android'i Kullanmaya Başlama veya ChromeOS'i Kullanmaya Başlama.
Chrome uzantıları
Chrome Uzantıları paketlenmiş veya paketlenmemiş olabilir. Paketlenmemiş bir uzantıyı paketlemek için chrome://extensions içindeki Paketle düğmesini kullanın veya Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension
Performans verilerinizi extensibility API ile özelleştirin
Genişletilebilirlik API'si ile performans verilerini özelleştirme
Chrome 129 beta
Bir sonraki Chrome sürümünün önizlemesini, mevcut beta sürümdeki özelliklerin ayrıntılarını içeren bu gönderiyle birlikte inceleyin.
chrome.browsingData
Bir kullanıcının yerel profilindeki tarama verilerini kaldırmak için chrome.browsingData API'yi kullanın. Bu API'yi kullanmak için uzantı manifestinde "browsingData" iznini beyan etmeniz gerekir. Bu API'nin en basit kullanım alanı, kullanıcıların
chrome.system.memory
chrome.system.memory API. sayı Bayt cinsinden kullanılabilir kapasite miktarı. sayı Fiziksel bellek kapasitesinin bayt cinsinden toplam miktarı. Fiziksel hafıza bilgilerini alma. işlev isteğe bağlı callback parametresi şu şekilde görünür: MemoryInfo
chrome.desktopCapture
Desktop Capture API ekranın içeriğini, tek tek pencereleri veya tek tek sekmeleri yakalar. selectDesktopMedia() işlevinde kullanılan masaüstü medya kaynakları grubunu tanımlamak için kullanılan sıralama. "screen" "window" "sekme" "audio"
chrome.dns
DNS çözünürlüğü için chrome.dns API'yi kullanın. Bu API'yi kullanmak için manifestte "dns" iznini beyan etmeniz gerekir. Aşağıdaki kod, example.com IP adresini almak için resolve() yöntemini çağırır. service-worker.js: dize isteğe bağlı Değişmez IP
chrome.documentScan
Ekli belge tarayıcılardan resim keşfetmek ve almak için chrome.documentScan API'yi kullanın. Document Scan API, uygulamaların ve uzantıların ekli belge tarayıcıda kağıt doküman içeriği. dize cancelScan() adlı iş ortağına geçirilen işin aynısını
chrome.declarativeWebRequest
Not: Bu API'nin desteği sonlandırılmıştır. Bunun yerine declarativeNetRequest API'yi inceleyin. Yayındaki isteklere müdahale etmek, bunları engellemek veya değiştirmek için chrome.declarativeWebRequest API'yi kullanın. chrome.webRequest API 'den
API referansı
Chrome Uzantıları için kullanıma sunulan tüm API'lara tam referans. Bu API'ler arasında, kullanımdan kaldırılan Chrome Uygulamaları platformuna ait API'lerin yanı sıra hâlâ beta ve geliştirme aşamasında olan API'ler de yer almaktadır.
Chrome DevTools
Chrome Geliştirici Araçları ile web uygulamalarınızda hata ayıklama ve optimizasyon işlemleri gerçekleştirin.
Medya: Medya oynatıcı bilgilerini görüntüleme ve hata ayıklama
Her tarayıcı sekmesindeki bilgileri görüntülemek ve medya oynatıcılarda hata ayıklamak için Medya Paneli'ni kullanın.
File System Observer API kaynak denemesi
Chrome ekibi, geliştiricileri dosya sistemindeki değişiklikler hakkında bilgilendiren yeni bir File System Observer API'sini deniyor.
WebGPU'daki Yenilikler (Chrome{6/}128)
Alt gruplarla denemeler yapın, çizgiler ve noktalar için derinlik önyargısı ayarlama desteğini sonlandırın, preventDefault ise yakalanmamış hata DevTools uyarısını gizleyin, önce WGSL örneklemeyi ve bunlardan birini aratın ve daha fazlasını yapın.
- WebGpu
Chrome 128'deki yenilikler
Chrome 128 kullanıma sunuluyor! Çizgili yakut öğeleri için iyileştirilmiş görünüm sayesinde Promise.try, Promise zincirlerini daha kolay kullanmaya başladı, PointerEvent arayüzü birden fazla kalemi benzersiz şekilde tanımlayacak şekilde genişletildi, daha pek çok kalem ve daha pek çok şey var. Adriana Jara, Chrome 128'de geliştiriciler için sunulan yeniliklerle ilgili tüm ayrıntıları biliyor.
Chromium erişilebilirliğinin performansını iyileştirme
Ahmed Elwasefi'nin, Google Yaz Kodu Kampı aracılığıyla nasıl Chromium katkıda bulunanı anlattığı bir gönderi.
WebGPU ile uygulama oluşturma
Web ve belirli platformlar için WebGPU ile nasıl uygulama geliştireceğinizi öğrenin.
Chrome 128 sürümü
Chrome 128, 20 Ağustos 2024'te CSS'nin yakut düzeni Promise.try mülkü ve daha birçok özellikle birlikte kullanıma sunuluyor.
chrome.alarms
Kodu düzenli aralıklarla veya gelecekte belirli bir zamanda çalışacak şekilde planlamak için chrome.alarms API'yi kullanın. chrome.alarms API'yi kullanmak için manifest dosyasında "alarms" iznini beyan edin: Aşağıdaki örneklerde bir alarmın nasıl
chrome.contextMenus
Google Chrome'un içerik menüsüne öğe eklemek için chrome.contextMenus API'sini kullanın. İçerik menüsüne eklediğiniz öğelerin resim, köprü ve sayfa gibi nesne türlerini seçebilirsiniz. İçerik menüsü öğeleri, file:// içerenler de dahil olmak üzere
chrome.debugger
chrome.debugger API'si, Chrome'un uzaktan hata ayıklama protokolü için alternatif bir aktarım görevi görür. Ağ etkileşimi aracı üzerinden bir veya daha fazla sekme eklemek, JavaScript'te hata ayıklamak, DOM ve CSS'yi değiştirmek ve daha pek çok işlem
chrome.audio
chrome.audio API, kullanıcıların sisteme bağlı ses cihazları hakkında bilgi edinmelerine ve bu cihazları kontrol etmelerine olanak tanımak için sağlanmaktadır. Bu API şu anda yalnızca ChromeOS için kiosk modunda kullanılabilir. dize Cihaz adı.
chrome.declarativeContent
Sayfanın içeriğini okuma izni gerekmeden, sayfanın içeriğine göre işlem yapmak için chrome.declarativeContent API'sini kullanın. Declarative Content API, uzantınızın işlemini bir dokümanın URL'sine bağlı olarak etkinleştirmenizi sağlar. veya CSS
chrome.commands
Uzantınızda işlemleri (ör. tarayıcı işlemini açma işlemi veya uzantıya komut gönderme) tetikleyen klavye kısayolları eklemek için Komutlar API'sini kullanın. Bu API'yi kullanmak için aşağıdaki anahtarların manifest dosyasında beyan edilmesi gerekir.
chrome.browsingData
Bir kullanıcının yerel profilindeki tarama verilerini kaldırmak için chrome.browsingData API'yi kullanın. "browsingData" öğesini belirtmeniz gerekir uzantı manifesti 'nde bu API'yi kullanmak için izin ayarlayın. Bu API'nin en basit kullanım alanı,
File System Access API: yerel dosyalara erişimi kolaylaştırma
File System Access API, geliştiricilerin, kullanıcının yerel cihazındaki dosyalarla (ör. IDE'ler, fotoğraf ve video düzenleyiciler, metin düzenleyiciler vb.) etkileşimde bulunan güçlü web uygulamaları geliştirmesine olanak tanır. Kullanıcı bir web uygulamasına erişim izni verdikten sonra bu API, kullanıcının cihazındaki dosya ve klasörlerde yapılan değişiklikleri doğrudan okumasına veya kaydetmesine olanak tanır.
Özetleme API'si erken önizleme için kullanılabilir
EPP katılımcıları artık Chrome'da Gemini Nano için özetleme API'sini kullanarak prototip oluşturabilir.
Anlık Etkinlikleri Kaydırma
İki yeni JavaScript etkinliğiyle tanışın: ScrollSnapChange ve slideSnapSwap.
Yavaş gezinmeleri ölçmeyle ilgili denemeler yapma
Chrome ekibi, Tek Sayfalık Uygulamalar tarafından kullanılan yumuşak gezinme denilen öğeleri daha iyi ölçmek için çalışıyor. Sitelerin de bunu denemesine olanak tanımak için artık bir bayrağın arkasında yeni bir API kullanıma sunuldu.
Geliştirici Araçları ile ekran görüntüsü yakalamanın 4 yolu
Geliştirici Araçları ile ekran görüntüsü almanın 4 benzersiz yolunu keşfedin.
Geliştirici Araçları'ndaki yenilikler, Chrome 128
Konsol analizleri Avrupa'da yayınlanmıştır. Performans panelinde kanalları özelleştirmek için gelişmiş ağ kanalı, API ve daha pek çok özellik mevcuttur.
Firefox, Chrome ve Puppeteer'da WebDriver BiDi üretime hazır
Puppeteer 23, Firefox 129 ve üzeri için kararlı bir destek sunarak WebDriver BiDi'yi temel alan, Chrome ve Firefox otomasyonu için birleşik bir API sunar.
Chrome'un yerleşik yapay zeka denemesine katılma
Yerleşik yapay zeka, Prompt API ve Chrome'un yapay zeka planlarıyla ilgili bir güncelleme.
Android'deki Chrome'daki geçiş anahtarları kullanıcı deneyimi güncellemeleri
Android cihazlarda Chrome artık Kimlik Bilgisi Yöneticisi'ni entegre ederek üçüncü taraf şifre yöneticilerinin Android 14 ve sonraki sürümlerde geçiş anahtarı sağlamasına olanak tanıyor
Yazar tanımlı CSS adları ve gölge DOM: Spesifikasyonda ve uygulamada
CSS'deki gölge DOM'de kullanılan yazar tarafından tanımlanan adların mevcut birlikte çalışabilirlik durumunu açıklama.
Normal ifadelerin ötesinde: Chrome Geliştirici Araçları'nda CSS değeri ayrıştırmasını geliştirme
Geliştirici Araçları ekibinin, Stiller sekmesinde stillerin sunulma şeklini nasıl iyileştirdiğini öğrenin.
WebDriver BiDi ile otomasyon artık Tarayıcı Yığını'nda
Tarayıcı Yığını, WebDriver BiDi desteğini sunar: Etkinlik odaklı otomasyon ile Selenium Grid testlerinizi geliştirin.
Erken İpuçları ile sunucu düşünme zamanı sayesinde sayfalar daha hızlı yüklenir
Sunucunuzun, tarayıcıya kritik alt kaynaklar hakkında nasıl ipuçları gönderebileceğini öğrenin.
CrUX API'si
CrUX API'ye gönderilen isteklerin nasıl oluşturulacağını ve yanıtların nasıl ayrıştırılacağını öğrenin.
CrUX Geçmişi API'si
CrUX History API'yi kullanarak önceki altı aylık CrUX trendlerini nasıl sorgulayacağınızı öğrenin.
Çizgi kırılabilir <ruby> ve CSS ruby-align mülkü
Çizgi kırılabilir ruby öğesi ve CSS ruby-align özelliği
Manifest - Sürüm
Bu uzantının sürümünü tanımlayan, noktayla ayrılmış bir ila dört tam sayı. Tam sayılar için birkaç kural geçerlidir: 0 ile 65.535 arasında (0 ve 65.535 dahil) olmalıdır, sıfır olmayan tam sayılar 0 ile başlayamaz. Örneğin, 99999 ve 032 değerlerinin
Manifest: Varsayılan Yerel Ayar
Bu uzantının varsayılan dizelerini içeren _locales alt dizinini belirtir. Bu alan, _locales dizini olan uzantılarda zorunludur. _locales dizini olmayan uzantılarda bulunmamalıdır. Ayrıntılar için Uluslararası hale getirme konusuna bakın.
Manifest: Çevrimdışı Etkin
Uygulama veya uzantının çevrimdışı çalışmasının beklenip beklenmediğini belirtir. Chrome çevrimdışı olduğunu algıladığında, bu alanın doğru değerine ayarlandığı uygulamalar Yeni Sekme sayfasında vurgulanır. Chrome 35'ten itibaren uygulamaların
Manifest - Minimum Chrome Sürümü
Uzantınızın, uygulamanızın veya temanızın (varsa) gerektirdiği Chrome sürümü. Bu dizenin biçimi version alanının biçimiyle aynıdır.
çalışma kutusu akışları
RouteHandlerCallbackOptions StreamSource | Vaat< StreamSource > Yanıt ReadableStream BodyInit Her biri bir Yanıt, ReadableStream veya BodyInit olarak çözümlenebilen birden fazla kaynak Promise alır. Her bir akışın verilerini sırayla döndüren
Manifest - Açıklama
Uzantıyı açıklayan bir düz metin dizesi (HTML veya diğer biçimlendirmesiz; en fazla 132 karakter). Açıklama, hem tarayıcının uzantı yönetimi kullanıcı arayüzüne hem de Chrome Web Mağazası 'na uygun olmalıdır. Bu alan için yerel ayara özel dizeler
Manifest - Anahtar
Bu değer, geliştirme sırasında yüklenen bir uzantının, uygulamanın veya temanın benzersiz kimliğini kontrol etmek için kullanılabilir. Uygun bir anahtar değeri elde etmek için önce uzantınızı bir.crx dosyasından yükleyin ( uzantınızı yüklemeniz veya
Manifest: Ad ve Kısa Ad
name ve short_name manifest özellikleri uygulamayı tanımlayan kısa ve düz metin dizeleridir. Her iki alan için de yerel ayara özel dizeler belirleyebilirsiniz. Ayrıntılar için Uluslararası hale getirme bölümüne bakın. name (maksimum 45 karakter),
Devre Dışı Bırakılan Web Özellikleri
Chrome Uygulamaları web platformunu kullansa da, bazı web özellikleri devre dışı bırakılmıştır veya başka şekilde kullanılır. Temel amaç güvenlik sorunlarını önlemek ve programlama uygulamalarını iyileştirmektir. Aşağıda, web platformunun devre dışı
Chrome 128 beta
Bir sonraki Chrome sürümünün önizlemesini, mevcut beta sürümdeki özelliklerin ayrıntılarını içeren bu gönderiyle birlikte inceleyin.
WebGPU'daki Yenilikler (Chrome{6/}127)
Android'de OpenGL ES için deneysel destek, GPUAdapter bilgi özelliği, WebAssembly birlikte çalışabilirlik iyileştirmeleri ve daha fazlası.
- WebGpu
Chrome, kullanıcıların değer verdikleri uygulamaları yüklemesine nasıl yardımcı olur?
Chrome'un dahili kullanıcı araştırması, birçok kullanıcının web uygulamalarını yüklemeye değer verdiğini gösteriyor. Bu yöntemin avantajları arasında şunlar yer alır: Chrome ve web geliştiricileri, yeni bir makine öğrenimi tanıtım özelliği de dahil
Chrome 127 sürümü
23 Temmuz 2024'te kullanıma sunulan Chrome 127'de CSS yazı tipi boyutu düzenleme, klavyeye odaklanılabilir kaydırma kapsayıcıları ve daha birçok özellik bulunuyor.
Chrome 127'deki yenilikler
Chrome 127 kullanıma sunuluyor! Yazı tipi boyutu ayarlama desteği sayesinde kullanıcı etkinleştirmeleri Document Picture-in-Pencere API'sinde, klavyeye odaklanılabilir kaydırma kapsayıcılarında ve daha birçok yerde dağıtılır. Adriana Jara, Chrome 127'de geliştiricilere yönelik yenilikler hakkında tüm ayrıntıları biliyor.
Okuma akışı ve görüntülü reklam içeriği bulunan öğelerle ilgili geliştirici geri bildirimi isteği
Okuma akışının ihtiyaçlarınızı karşıladığından emin olmamız için bize yardımcı olun.
Ağ özellikleri referansı
Chrome Geliştirici Araçları Ağ panel özelliklerine ilişkin kapsamlı bir referans.
Görüntüleme geçişleriyle ilgili yanlış kanılar
View Transition API'yi inceleyen kullanıcıların sayısı arttıkça bazı yanlış kanıları çürütmenin zamanı geldi.
Chrome Uzantıları: Önemli politika güncellemeleri
Bu duyuru; yüksek kaliteli ürünlerin geliştirilmesini teşvik etmek, yanıltıcı davranışları önlemek ve bilinçli kullanıcı rızasını sağlamak için Geliştirici Program Politikaları sayfasında yapılan bir dizi güncellemeyi içerir.
Chrome Uzantılarında neler oluyor?
Chrome Uzantılarındaki son değişikliklere ve geliştiricilerin heyecanla beklemeye başlayacağı, yakında kullanıma sunulacak heyecan verici uzantı özelliklerine genel bir bakış.
Geliştirici Araçları'ndaki yenilikler, Chrome 127
Öğeler'de CSS sabit konumlandırması, Kaynaklar'da 'Hiçbir Zaman Duraklatmayın</#39; yeni kaydırma anlık etkinliği işleyicileri, güncellenmiş ağ kısıtlama hazır ayarları ve daha pek çok özellik.
Performans özellikleri referansı
Chrome Geliştirici Araçları'nda performansı kaydetme ve analiz etmenin tüm yollarına dair bir referans.
YouTube'a Güvenilir Türler Ekleme
YouTube, siteler arası komut dosyası çalıştırma saldırılarını önlemek için Güvenilir Türler ile platform güvenliğini geliştiriyor ancak bu durum uzantınızı etkileyebilir.
Long Animation Frame API gönderildi
Long Animation Frame API (LoAF), Chrome 123'ten itibaren kullanıma sunuldu. Ayrıca, bu yeni API'den en iyi şekilde yararlanmanıza yardımcı olmak için araçlarımızı ve rehberliğimizi de güncelledik.
Aşırı büyük bir DOM boyutundan kaçının
Büyük bir DOM'un web sayfanızın performansını nasıl düşürebileceğini ve yükleme zamanında DOM'nizin boyutunu nasıl küçültebileceğinizi öğrenin.
Anında sayfada gezinme için Chrome'da sayfaları önceden oluştur
Chrome ekibi, kullanıcıların gitme olasılığı yüksek olan sayfaların tamamen önceden oluşturulmasını sağlayan seçenekler üzerinde çalışıyor.
Chrome Web Mağazası'nın Arkası: Güven ve Güvenlik sorularınızı sorma
Chrome Web Mağazası'nda incelemelere liderlik eden ekiple bir araya geldik.
Depolama Paketleri ile maksimum IndexedDB performansı
Chrome ekibi, IndexedDB'nin (IDB) uygulanmasında performansla ilgili çeşitli iyileştirmeler yaptı.
Tarayıcıda AI modellerini önbelleğe al
Yapay zeka destekli uygulamalarınızın ileride kullanıma sunulmasını hızlandırmak için model verilerini cihaz üzerinde açık bir şekilde önbelleğe alın.
Yeni HTML <izni> öğesi için kaynak denemesi
Chrome ekibi, kullanıcıdan güçlü özelliklere erişmesini istemek için yeni bir bildirim temelli HTML <izin> öğesini deniyor.
WebGPU'daki (Chrome 126) Yenilikler
maxTextureArrayLayers sınırını artırın, Vulkan arka ucu için arabellek yükleme optimizasyonu, gölgelendirici derleme süresi iyileştirmeleri, gönderilen komut arabellekleri benzersiz olmalıdır ve Dawn güncellemeleri.
- WebGpu
Chrome 126
Chrome 126, 11 Haziran 2024'te kullanıma sunulacak. Çapraz belge görüntüleme geçişleri, CloseWatcher API'yi yeniden etkinleştirme, Gamepad API için tetikleme ve daha pek çok özellik bulunuyor.
CSS ve web kullanıcı arayüzündeki son yenilikler: I/O 2024 özeti
Google I/O 2024'te yayınlanan tüm CSS ve web kullanıcı arayüzü duyurularını okuyun.
Chrome 126'daki yenilikler
Chrome 126 kullanıma sunulmaya başladı! ViewTransitions API'daki belgeler arası geçiş desteği ile CloseWatcher API yeniden etkinleştirildi, Gamepad API için tetiklendi ve çok daha fazlası ve daha fazlası bulunuyor. Adriana Jara, Chrome 126'da geliştiricilere yönelik yenilikler hakkında tüm ayrıntıları biliyor.
Kaldırma etkinliğini kullanımdan kaldırma
Kaldırma etkinliği Chrome 117'den itibaren kademeli olarak kullanımdan kaldırılacaktır. Bunun ne anlama geldiğini ve sitelerin ve şirketlerin buna nasıl hazırlanabileceğini öğrenin
Geliştirici Araçları'nda performans iş akışlarınızı özelleştirmenizi sağlayacak 3 yeni özellik
Performans panelini sadeleştirmenize ve en çok ihtiyaç duyduğunuz bilgilere odaklanmanıza yardımcı olacak en son özellikler hakkında bilgi edinin
Stili Yeniden Hesaplama etkinlikleri sırasında CSS seçici performansını analiz etme
Stili Yeniden Hesaplama etkinlikleri sırasında CSS seçici performansını analiz eder.
Uzantılarda yapılan uygun değişiklikler için incelemeyi atla
Geliştiricilerin, Declarative Net Request API'yi kullanarak Manifest V3 uzantılarında yapılan uygun değişiklikler için inceleme sürecini atlamalarını sağlayacak yeni bir özelliği duyurmaktan mutluluk duyuyoruz.
Genişliği veya başlangıç ölçeğine sahip bir etiketi yok
"Genişlik veya başlangıç ölçeğinde bir etiketi yok" Lighthouse denetimi hakkında bilgi edinin.
Ağ koşulları: Kullanıcı aracısı dizesini geçersiz kılma
Ağ koşulları panelini kullanarak diğer tarayıcılara nasıl emülasyon yapacağınızı öğrenin.
Geliştirici Araçları'ndaki yenilikler, Chrome 126
Parkur yapılandırma modu iyileştirildi, flame grafiğindeki yoksayılanlar listesi, Performans panelinde CPU'yu 20 kez azaltma ve daha pek çok özellik.
JavaScript hatalarını ayıkla
JavaScript hatalarını bulmak ve düzeltmek için Chrome Geliştirici Araçları'nı nasıl kullanacağınızı öğrenin.
Google I/O 2024'te Chrome Uzantıları
Bir Google I/O daha yaklaşıyor ve heyecan verici uzantı güncellemelerini ele aldık!
Chrome Geliştirici Araçları ile tahmin kurallarında hata ayıklama
Gelecekteki sayfada gezinmeleri önceden getirmek ve önceden oluşturmak için kullanılan spekülasyon kurallarında hata ayıklamaya yönelik Chrome Geliştirici Araçları özellikleri hakkında her şeyi öğrenin.
Chrome 126 beta
Chrome 126 Beta'da, dokümanlar arası görünüm geçişlerinin yanı sıra Gamepad API'si tetikleme uzantısı ve başka özellikler bulunuyor.
Yapay zeka ile ürün yorumlarını değerlendirin
Cihaz üzerinde yapay zeka, kullanıcılara güçlü modeller sunmanın yanı sıra hassas verileri koruyup gecikmeyi iyileştirme konusunda en yeni tekliftir.
Performans izleme paneli
Web sitenizin çalışma zamanı performansını gerçek zamanlı olarak analiz edin.
Daha hızlı Web AI için WebAssembly ve WebGPU geliştirmeleri, bölüm 2
Bölüm 2/2. WebAssembly ve WebGPU geliştirmelerinin web'deki makine öğrenimi performansını nasıl iyileştirdiğini öğrenin.
İstemci tarafı web yapay zekası ile faydalı ürün yorumlarını teşvik edin
Aşağıdaki kod laboratuvarında istemci tarafı yapay zeka sunulmaktadır. AI geliştirme bilgisi, sunucu veya API anahtarı gerekmez.
JavaScript Çerçevelerindeki Yenilikler (Mayıs 2024)
Bu belgede, JavaScript çerçeveleri ekosistemindeki son gelişmelere kısaca değinilmiştir.
Daha hızlı Web AI için WebAssembly ve WebGPU geliştirmeleri, 1. bölüm
Bölüm 1/2. WebAssembly ve WebGPU geliştirmelerinin web'de makine öğrenimi performansını nasıl iyileştirdiğini öğrenin.
I/O 2024 Web AI özeti: Bir sonraki web uygulamanız için yeni modeller, araçlar ve API'ler
I/O 2024'te Web AI'ın özetini okuyun. Bir sonraki web uygulamanız için yeni modeller, araçlar ve API'ler hakkında bilgi edinin.
- WebGpu
Görüntüleme geçişlerindeki yenilikler nelerdir? (Google I/O 2024 güncellemesi)
MPA için dokümanlar arası görüntüleme geçişleri, etkin türlerle seçmeli görünüm geçişleri ve görüntüleme geçiş sınıfıyla animasyon stillerini paylaşma duyurusu.
Windows'da UIA desteğiyle tanışın
Chrome 126'dan itibaren Windows UI Otomasyonu çerçevesi desteklenir.
Google I/O 2024'ten 10 güncelleme: Her web geliştiricisi için yapay zekanın gücünü açığa çıkarma
Google I/O Geliştirici Açılış Konuşması'nın ve oturumlarının heyecan verici özelliklerini keşfedin.
Geliştirici Araçları İpuçları: Ağ yanıtlarını geçersiz kılma ve taklit etme
Geliştirici Araçları ile ağ yanıtlarını geçersiz kılmayı ve taklit etmeyi öğrenin.
Chrome 125
14 Mayıs 2024'te CSS Sabit Konumlandırma, Compute Pressure API, yeni Temel özellikler ve daha pek çok özellik içeren Chrome 125 kullanıma sunuluyor.
Web içeriğini ve HTTP yanıt başlıklarını yerel olarak geçersiz kıl
Uzak kaynaklarla taklit etmek ve Geliştirici Araçları'nda yaptığınız değişiklikleri sayfa yüklemelerine göre tutmak için yerel geçersiz kılmaları kullanın.
İstemci tarafı yapay zekayı ne zaman seçmelisiniz?
İstemci tarafı yapay zeka, hassas verileri korurken gecikmeyi azaltıp kullanıcılara güçlü modeller sunan en yeni tekliftir.
Chrome 125'teki yenilikler
Chrome 125 kullanıma sunulmaya başladı! CSS Anchor Positioning API, Compute Pressure API, Storage Access API'nin genişletilmesi ve çok daha fazlası ile. Adriana Jara, Chrome 125'teki geliştiricilere yönelik yenilikler hakkında tüm ayrıntıları biliyor.
Spotify, Spotify Mini Oynatıcı'yı geliştirmek için Pencere İçinde Pencere API'sini nasıl kullandı?
Spotify Mini Oynatıcı'nın "kanvas hack'sinden Document Picture-in-Picture API'nin sağladığı zarif bir deneyime dönüşümü hakkında bilgi edinin.
Konsol analizleriyle hataları ve uyarıları daha iyi anlama
Gemini ile Console'daki hataları ve uyarıları daha iyi anlayın.
CSS anchor konumlandırma API ile tanışın
Yeni sabit konumlandırma API'sini kullanarak öğeleri birbirlerine göre konumlandırın.
Chrome ile kuruluşunuzda test uygulayın
Kurumsal ortamlardaki testlerle zorlukların nasıl aşılacağını öğrenin
Otomatik ve sorunsuz testler için Chrome araçları
Puppeteer, Chrome Headless ve Chrome for Testing ile ilgili kısa bir genel bakış ve Chrome Tooling ekibinden diğer kaynaklar.
Geliştirici Araçları'ndaki yenilikler, Chrome 125
Console'daki hata nedenleri, Performans'taki CSS seçici istatistikleri, Ağ'daki Erken İpuçları başlıkları ve daha fazlası.
WebGPU'daki (Chrome {7}125) Yenilikler
Alt gruplar geliştirme aşamasındadır ve 3D doku dilimi için oluşturulur.
- WebGpu
Container sorguları örnek olayları
redBus ve Tokopedia'nın container sorgularının avantajları hakkında bilgi edinin.
:has() örnek olayları
Policybazaar ve Tokopedia'nın :has() fonksiyonundan nasıl yararlandığını öğrenin.
Geçişlerle ilgili örnek olayları görüntüleyin
redBus, Policybazaar ve Tokopedia, View Transition API'yi kullanarak daha iyi performans ve daha akıcı bir kullanıcı arayüzü avantajından yararlanıyor.
Kaydırma odaklı animasyonlarla ilgili örnek olaylar
Policybazaar, redBus ve Tokopedia ile kaydırma destekli animasyonların avantajlarını keşfedin.
CSS ve kullanıcı arayüzü özellikleri e-ticaret siteniz için neden önemlidir?
E-ticaret sitelerinin en yeni CSS ve kullanıcı arayüzü özelliklerini (Görüntüleme Geçişleri, Kaydırma tabanlı animasyonlar, Popover API vb.) uygulayarak nasıl avantaj sağladığını öğrenin.
"Kaydırma Odaklı Animasyonların gücünden yararlanın"
Kaydırma tabanlı animasyonlar hakkında her şeyi öğrenebileceğiniz 10 bölümlük video kursu
CSS duvarı için alternatif bir teklif
Duvar işçiliğini ve ızgarayı farklı özelliklerde tanımlama teklifi.
WebGPU'ya genel bakış
WebGPU, web'de yüksek performanslı 3D grafiklere ve veriye paralel hesaplamaya olanak tanır.
- WebGpu
Manifest - Minimum Chrome Sürümü
manifest.json dosyasının minimum_chrome_version özelliği için referans belgeleri.
Popover örnek olayları
Tokopedia, uygulamasındaki kod miktarını azaltmak için Popover API'yi kullanıyor.
Güvenli olmayan bağlamlar için Özel Ağ Erişimi (PNA) hizmetinin kullanımdan kaldırılması denemesi sona eriyor. PNA izin istemini uygulayın
HTTPS'ye dönüştürülemeyen bir web sitesinden özel ağ cihazlarına erişmek için, karma içerik kontrollerini gevşetmek üzere izin istemlerini kullanmanız gerekir.
Yakalanan bir sekmeyi kaydırma ve yakınlaştırma
Yakaladığınız Yüzey Denetimi API'si, web uygulamalarının yakalanan sekmeleri kaydırmasına ve yakınlaştırmasına olanak tanır.
WebAudio: WebAudio API metriklerini görüntüleme
WebAudio panelinde WebAudio API metriklerini görüntüleme
Chrome 125 beta
CSS Sabit Konumlandırma, CSS basamaklı işlevleri, Compute Pressure API ve daha fazlası.
Otomatik Doldurma: Kayıtlı adresleri inceleyin ve hata ayıklayın
Otomatik doldurma paneliyle Chrome'da kayıtlı adresleri denetleyin ve hata ayıklayın.
Chrome 124
Chrome 124, 16 Nisan 2024'te setHTMLUnsafe, WebSockets'te akışlar ve daha fazlası ile kullanıma sunuluyor.
Sayfa geçişleri ağda engelleniyormuş gibi hissetmiyor
Yavaş ağlarda bile web sayfaları arasındaki geçişlerin uyumlu olmasını nasıl sağlayabileceğinizi öğrenin.
Geçerli bir apple-touch-icon sağlamıyor
Progresif Web Uygulamanızın iOS ana ekranlarında hangi simgeyi göstereceğini nasıl belirleyeceğinizi öğrenin.
Manifest dosyasında maskelenebilir simge yok
PWA'nıza maskelenebilir simge desteğini nasıl ekleyeceğinizi öğrenin.
Chrome 124'teki yenilikler
Chrome 124 kullanıma sunulmaya başladı! Bildirim temelli gölge DOM'un JavaScript'ten kullanılmasına olanak tanıyan iki yeni API bulunmaktadır. Akışları Web Yuvalarında kullanabilirsiniz. Görünüm Geçişleri biraz daha iyi hale gelir. Ve daha fazlası. Pete LePage, Chrome 124'te geliştiricilere yönelik yenilikler hakkında tüm ayrıntıları biliyor.
Chrome Uzantılarında neler oluyor?
Chrome Uzantılarındaki son değişikliklere ve geliştiricilerin heyecanla beklemeye başlayacağı, yakında kullanıma sunulacak heyecan verici uzantı özelliklerine genel bir bakış.
Adres çubuğu için tema rengi ayarlamıyor
Progresif Web Uygulamanız için adres çubuğu tema rengini nasıl ayarlayacağınızı öğrenin.
Her sayfanın bir URL'si var
Lighthouse "Her sayfanın bir URL'si vardır" denetimi hakkında bilgi edinin.
Geçerli sayfa çevrimdışıyken 200 koduyla yanıt vermiyor
Progresif Web Uygulamanızın çevrimdışı çalışmasını nasıl sağlayacağınızı öğrenin.
Özel başlangıç ekranı için yapılandırılmamış
Progresif Web Uygulamanız için özel başlangıç ekranı oluşturmayı öğrenin.
MIDI cihazlarına erişim için artık kullanıcı izni gerekiyor
Chrome artık Web MIDI API'nin tamamını bir izin isteminin arkasına erişiyor.
Katlanabilir API'ler için kaynak deneme
Chrome'daki iki API olan Katlanabilir API'ler, geliştiricilerin katlanabilir cihazları hedeflemesine yardımcı olmak üzere tasarlanmıştır.
start_url çevrimdışıyken 200 ile yanıt vermiyor
Uygulamanızın çevrimdışı erişilebilir olması için Progresif Web Uygulamanızın start_url'sini nasıl yapılandıracağınızı öğrenin.
Site farklı tarayıcılarda çalışıyor
Web sayfanızın farklı tarayıcılarda çalıştığından emin olmak için Workbox'ı nasıl kullanacağınızı öğrenin.
Web uygulaması manifest dosyası yüklenebilir olma şartlarını karşılamıyor
Progresif Web Uygulamanızı nasıl yüklenebilir hale getireceğinizi öğrenin.
Animasyonlar: CSS animasyon efektlerini denetleme ve değiştirme
Animasyonlar paneliyle animasyonları inceleyebilir ve değiştirebilirsiniz.
Sayfayı ve start_url'yi kontrol eden bir hizmet çalışanı kaydetmiyor
Çevrimdışı işlevler, push bildirimleri ve yüklenebilirlik gibi Progresif Web Uygulaması özelliklerini destekleyen bir hizmet çalışanının nasıl kaydedileceğini öğrenin.
İçerik, görüntü alanı için doğru boyutlandırılmadı
Web sayfası içeriğinizi mobil ekranlara sığacak şekilde nasıl boyutlandıracağınızı öğrenin.
Sayfalar mobil ağlarda yeterince hızlı yüklenmiyor
Web sayfanızın mobil ağlarda hızlı yüklenmesini nasıl sağlayacağınızı öğrenin.
HTTP trafiğini HTTPS'ye yönlendirmiyor
Tüm sayfaları HTTPS'ye yönlendirerek sitenizi nasıl daha güvenli hale getireceğinizi öğrenin.
JavaScript kullanılamadığında yedek içerik sağlamıyor
JavaScript kullanılamadığında kullanıcıların web sayfanızdaki içeriğin en azından bir kısmını görüntüleyebildiğinden nasıl emin olacağınızı öğrenin.
View Transition API ile sorunsuz geçişler
View Transition API, bir web sitesinin görünümleri arasında geçişler eklemenize olanak tanır.
Çok sayfalı uygulamalar için dokümanlar arası görünüm geçişleri
Çok sayfalı uygulamanızda (MPA) kullanmak üzere dokümanlar arası görünüm geçişlerini kullanmaya başlayın.
Eğlenceli ve Güçlü: Chrome Geliştirici Araçları'na Giriş
DevTools'un web uygulaması geliştirme sürecinizi nasıl daha iyi hâle getirebileceğini keşfedin.
Chrome Web Mağazası Geliştirici Kontrol Paneli'ndeki sürüm geri alma işlemleri
Bu hafta, geliştiricilerin Chrome Web Mağazası'nda uzantılarını daha önce yayınlanan bir sürüme geri döndürmelerine olanak tanıyan yeni bir özelliği kullanıma sunuyoruz. Hedefimiz, özellikle Manifest V3'e geçişle birlikte geliştiricilere güncelleme
PageSpeed Insights ile ilgili Chrome Kullanıcı Deneyimi Raporu verilerini görüntüleme
PageSpeed Insights (PSI), web geliştiricilerinin bir sayfanın performansının ne olduğunu ve nasıl iyileştirilebileceğini anlamalarını sağlayan bir araçtır. Bu rehberde, CrUX'ten analiz çıkarmak ve kullanıcı deneyimini daha iyi anlamak için PSI'yı nasıl kullanacağınızı öğrenebilirsiniz.
Navigasyon türleri artık CrUX'te kullanılabilir
Chrome Kullanıcı Deneyimi Raporu'ndaki (CrUX) yeni gezinme_türleri metriği hakkında bilgi edinin. Ayrıca bu metriğin, web performans metriklerinizi açıklayıp optimize etmek için nasıl kullanılabileceğini öğrenin.
WebGPU'daki (Chrome 124) Yenilikler
Salt okuma ve okuma-yazma depolama dokuları, Service Worker ve Paylaşılan Çalışan desteği, yeni bağdaştırıcı bilgisi özellikleri ve hata düzeltmeleri.
- WebGpu
Web yazı tipi yüklemesi sırasında metnin görünür halde kalmasını sağlayın
Web sayfası metninizin kullanıcılarınıza her zaman görünür olmasını sağlamak için font-display API'sini nasıl kullanacağınızı öğrenin.
JS Profiler'a veda, Performans paneliyle CPU profili oluşturma
CPU performansının profilini çıkarmada izlenecek yolu, JavaScript profil aracını neden ve nasıl kullanımdan kaldırdığımızı öğrenin.
Geliştirici Araçları'ndaki yenilikler, Chrome 124
Kaydırmayla çalışan animasyonlar desteği, yeni Otomatik Doldurma paneli, ağ sınırlamada WebRTC için yeni seçenekler ve daha fazlası.
Geri-ileri önbellek notRestoredReasons API'sı
Dokümanda bulunan çerçevelerin gezinme sırasında geri-ileri önbelleğini kullanmasının engellenip engellenmediğiyle ilgili bilgileri raporlayın.
Performans paneli ile Node.js performansının profili
Performans paneli ile Node.js uygulama performansının nasıl profilini çıkaracağınızı öğrenin.
WebAssembly JavaScript Promise Integration (JSPI) başlangıç denemesine giriyor
JavaScript Promise Integration (JSPI), WebAssembly'de derlenen eşzamanlı sıralı kodun eşzamansız Web API'lerine erişmesini sağlayan bir API'dir.
fetchLater API Kaynak Denemesi
Sayfa kapatılsa bile tamamlanacak ertelenmiş getirme isteğinde bulunmak için kullanılan yeni bir API olan ve artık Kaynak Denemesinde olan fetchLater API hakkında bilgi edinin.
Ağ istekleri: Ağ isteklerini engelleyerek sitenizi test etme
Sitenizin eksik kaynakları nasıl ele aldığını test edin.
Klavyeye odaklanılabilir kaydırıcılar
Sekme dizini değeri ayarlanmamış ve kaydırılabilir alt klavyelerin odaklanılabilir hale getirilmemesi için kaydırma çubuklarını kullanmaya yönelik bir değişiklik yapılıyor.
Chrome 124 beta
Yazma önerileri HTML özelliği, WebSocketStream API, öncelikli HTTP isteği başlığı ve daha fazlası.
Chrome 123'teki yenilikler
Chrome 123 kullanıma sunulmaya başladı! Yeni kullanıma sunulan açık-koyu işlevi, Long Animation Frames API'si, Service Worker Static Redirect API'si ve daha fazlası. Adriana Jara, Chrome 123'teki geliştiricilere yönelik yenilikler hakkında tüm ayrıntıları biliyor.
Belirli yollarda hizmet çalışanını atlamak için Hizmet Çalışanı Statik Yönlendirme API'sini kullanma
Chrome 123'ten edinilen bu yeni API'yi nasıl kullanacağınızı öğrenin.
Özel Ağ Erişimi: Web çalışanları ve gezinme getirme işlemleri için genişletilmiş koruma
Özel Ağ Erişimi'nin web çalışanları için temel güvenlik mekanizmaları, gezinme getirmeleri ve yaklaşan korumalar hakkında bilgi edinin. Bu dokümanda ayrıca, web sitesi sahiplerinin özel ağlar kullandığında ne yapmaları gerektiği de açıklanmaktadır.
2024 ve sonrasında performans araçları
Chrome ekibinin, Geliştirici Araçları'nın Performans panelini iyileştirme planları hakkında bilgi edinin.
Uzantı isteklerini ve diğer Ağ paneli iyileştirmelerini gizle
Chrome DevTools Network (Ağ) panelinde, web'de hata ayıklama deneyiminizi basitleştirmek için tasarlanmış en son iyileştirmeleri keşfedin.
CSS'yi görüntüleme ve değiştirme
Bir sayfanın CSS'sini görüntülemek ve değiştirmek için Chrome Geliştirici Araçları'nı nasıl kullanacağınızı öğrenin.
WebGPU'daki (Chrome 123) Yenilikler
DP4a yerleşik işlevleri desteği, sınırsız işaretçi parametreleri, WGSL'de kompozitlerin referansını kaldırmak için söz dizimi şekeri ve daha fazlası.
- WebGpu
Diğer efektleri uygulama: Otomatik koyu temayı etkinleştirme, odak emülasyonu ve daha fazlası
Reklam çerçevelerini vurgulayın, bir sayfaya odaklanmayı emüle edin, yerel yazı tiplerini ve resim biçimlerini devre dışı bırakın, otomatik koyu temayı etkinleştirin ve görme bozuklukları emülasyonu yapın.
CSS özellikleri referansı
Chrome Geliştirici Araçları'nda CSS'yi görüntüleme ve değiştirmeyle ilgili yeni iş akışlarını keşfedin.
Ayrılma noktalarıyla kodunuzu duraklatma
Kodunuzu duraklatmanın tüm yollarını Chrome Geliştirici Araçları'ndan öğrenin.
Eski gözetimsiz Chrome'u chrome-headless-kabuk olarak indirin
Artık kullanıcılara yönelik her Chrome sürümü için eski gözetimsiz Chrome sürümünü bağımsız ikili program olarak indirebilirsiniz.
Paylaşılan sözlüklerle sıkıştırma verimliliğini artırın
Paylaşılan sözlük sıkıştırması sayesinde web'de sıkıştırma işlemi büyük bir artış gösteriyor. Bunların ne olduklarını, nasıl çalıştıklarını ve web'deki hem statik hem de dinamik kaynaklar için yükleme sürelerini standart sıkıştırmadan daha da nasıl önemli ölçüde azaltabileceklerini öğrenin.
Uygulama paneline genel bakış
Web uygulamanızla ilgili önemli bilgileri doğrudan tarayıcınızdan edinin.
Uzantınızı erişilebilir hale getirin
Birçok kullanıcı için erişilebilirlik, tam anlamıyla kullanıcı arayüzüdür ve özellikleri, diğer pek çok kullanıcı için yararlıdır.
Arayüzü uluslararası hale getirme
Arayüzünüzü birden fazla dilde oluşturmak için chrome.i18n API'sini kullanın.
Speculation Rules API'deki iyileştirmeler
Platformlarda belge kuralları, isteklilik ayarı, sınırlar ve tahmin kuralları desteği dahil olmak üzere Speculation Rules API'deki son güncellemelerin ayrıntıları.
Geliştirici Araçları'ndaki yenilikler (Chrome 123)
Paskalya yumurtası, Elements > Styles'da odaklanmış sayfa emülasyonu, yeni Lighthouse denetimi ve daha fazlası.
Chrome Uzantıları: Eyeo' hizmet çalışanı askıya alma testi
Bu yayında, Eo Ekibi, uzantı hizmeti çalışanlarını test etme sorununu ele alıyor. Özellikle, bir hizmet çalışanı askıya alındığında Chrome Uzantılarının doğru şekilde çalıştığından emin olma.
Üçüncü taraf kitaplıkları yönetmek için Next.js paketi
Popüler üçüncü taraf kaynaklarının yüklenmesini optimize etmek için @next/third-parties kitaplığının nasıl kullanılacağını öğrenin
Chrome 123 beta
CSS Light-dark() renk işlevi, bloklar için hizalama içeriği, alan boyutlandırma özelliği ve pagereveal etkinliği.
Blok ve tablo düzenlerinde içeriği hizalama desteği
Chrome 123'te, esnek veya ızgara kapsayıcı oluşturmadan öğeleri hizalamak için "align-content" özelliğini kullanın.
Cihaz moduyla mobil cihazları simüle edin
Mobil öncelikli web siteleri oluşturmak için Chrome cihaz modundaki sanal cihazları kullanın.
Chrome 122'deki yenilikler
Chrome 122 kullanıma sunulmaya başladı! Yeni Storage Buckets API ile DevTools performans paneli güncellemeleri, Async Clipboard API ile HTML okuma için temizlenmemiş seçenek ve çok daha fazlası ile. Adriana Jara, Chrome 122'deki geliştiricilere yönelik yenilikler hakkında tüm ayrıntıları biliyor.
CSS ::backdrop devralma değişiklikleri
Chrome 122 sürümünden itibaren "::backdrop" öğesi, özellikleri kaynak öğesinden devralmaktadır.
Uzantı simgelerini yapılandır
Bir uzantının araç çubuğunda temsil edilmesi için en az bir simge gerekir.
Performansla% 400 daha hızlı bir performans paneli
Geliştirici Araçları'ndaki Performans paneli, web uygulamalarının performans sorunlarını teşhis etmek, hata ayıklamak ve düzeltmek için güçlü bir araçtır. Bu örnekte, Performans panelinin performansını artırmak için Geliştirici Araçları'ndaki Performans panelini nasıl kullandığımızı ve bu kadar önemli bir iyileştirmeyi nasıl başardığımızı size anlatacağız.
WebHID'yi kullan
İnsan Arayüz Cihazı (HID) uyumlu cihazları web'de gösteren WebHID API, uzantılarda kullanılabilir.
WebUSB'yi kullan
Standart olmayan Universal Serial Bus (USB) uyumlu cihazları web'e sunan WebUSB API'yi uzantılarda kullanabilirsiniz.
WebGPU'daki (Chrome 122) Yenilikler
Uyumluluk modu geliştirme aşamasındadır, maxVertexAttributes sınırını artırır ve Dawn güncellemeleri.
- WebGpu
Manifest: İçerik Güvenliği Politikası
manifest.json dosyasının içerik güvenliği politikası özellikleriyle ilgili referans dokümanlar.
CSS alanı boyutlandırma
Düzenlenebilir içeriğe sahip öğeleri otomatik olarak boyutlandırmak için tek satır kod.
Yığın anlık görüntüleri kaydet
Yığın profil aracı ile yığın anlık görüntülerini kaydetmeyi ve bellek sızıntılarını bulmayı öğrenin.
chrome.runtime
Hizmet işçisini almak, manifest ile ilgili ayrıntıları döndürmek ve uzantı yaşam döngüsündeki etkinlikleri dinleyip yanıtlamak için chrome.runtime API'yi kullanın. URL'lerin göreceli yolunu tam nitelikli URL'lere dönüştürmek için de bu API'yi
Web Push'u kullanma
Web Push'un Chrome Uzantılarıyla nasıl kullanılacağıyla ilgili adım adım açıklamalı kılavuz
Geliştirici Araçları'ndaki yenilikler (Chrome 122)
Üçüncü taraf çerezleri; Ağ ve Uygulama panellerindeki aşamalı olarak kaldırma uyarıları, Ağ panelinde gelişmiş hata ayıklama, Performans panelindeki içerik haritaları ve daha fazlası.
EditContext API'yi kullanarak özel web düzenleme deneyimleri oluşturmanın yeni bir yolu
EditContext, Chrome ve Edge'de kullanıma sunulan ve geliştiricilerin tarayıcıda gelişmiş metin düzenleme özellikleri oluşturmasına yardımcı olan yeni bir API'dir. Bu gönderiden konuyla ilgili daha fazla bilgi edinebilirsiniz.
Geliştirici Araçları İpuçları: Tahmine dayalı gezinmelerde hata ayıklama ile daha hızlı sayfa yüklemeleri
Tahmine dayalı yüklemelerle internette gezinmeyi hızlandırın ve bu türlerde nasıl hata ayıklayacağınızı öğrenin.
Masaüstü Chrome'da SharedArrayBuffer için desteği sonlandırma denemesi Chrome 124'e uzatıldı
Chrome masaüstünde çapraz kaynak izolasyonu olmadan SharedArrayBuffer kullanımı için desteğin sonlandırılması denemesi Chrome 124'e kadar uzatılmıştır.
Chrome 122 beta
Chrome 122 beta; Iterator yardımcıları, yöntem belirleme, Storage Buckets API, Async Clipboard API'de temizlenmemiş HTML okuma ve daha birçok özellik sunar.
Kaydedici'yi uzantılarla özelleştirme
Uzantıları yükleyerek Kaydedici'yi özelleştirin ve entegre edin.
Chrome Uzantılarında neler oluyor?
Chrome Uzantılarındaki son değişikliklere ve geliştiricilerin heyecanla beklemeye başlayacağı, yakında kullanıma sunulacak heyecan verici uzantı özelliklerine genel bir bakış.
Chrome 121'deki yenilikler
Chrome 121 kullanıma sunulmaya başladı! CSS güncellemeleri, Speculation Rules API'ye yönelik iyileştirmeler, Element Capture API için bir kaynak denemesi ve daha pek çok şey. Adriana Jara, Chrome 121'deki geliştiricilere yönelik yenilikler hakkında tüm ayrıntıları biliyor.
WebGPU'daki (Chrome 121) Yenilikler
Android'de WebGPU desteği, gölgelendirici derleme için DXC kullanımı, hesaplama ve oluşturma geçişlerinde zaman damgası sorguları, gölgelendirici modüllerine varsayılan giriş noktaları, GPUExternalTexture renk alanı olarak display-p3 desteği, bellek yığın bilgileri ve daha fazlası.
- WebGpu
Angular SSR ile DOM'a güvenli bir şekilde erişme
Angular'da SSR ile DOM'u güvenli bir şekilde nasıl kullanacağınızı öğrenin
Kaydırma çubuğu stili
Kaydırma çubuklarının stilini belirlemek için "scrollbar-width" ve "scrollbar-color" özelliklerini kullanın.
Puppeteer ile Web Bluetooth'u test et
Chrome'da Web Bluetooth API'yi kullanan özellikleri test etmek için Puppeteer'ı kullanın.
Firebase Cloud Messaging'i (FCM) chrome.gcm ile kullanma
Firebase Messaging'i chrome.gcm ile kullanma hakkında adım adım açıklamalı kılavuz
Web AI model testini güçlendirin: WebGPU, WebGL ve gözetimsiz Chrome
Tarayıcı testlerini tutarlı bir şekilde otomatikleştirme ve uygulama performansını iyileştirme çözümlerimizi keşfedin.
- WebGpu
Google Colab'de web AI model testi
İstemci taraflı, tarayıcı tabanlı AI modellerini standartlaştırılmış bir donanım kurulumu içinde test ederken ölçeklenebilir ve otomatikleştirmeyi nasıl sürdüreceğinizi öğrenin.
- WebGpu
File System Access API için kalıcı izinler
Bu yayında, File System Access API için kalıcı izinlerin nasıl yönetilebileceği açıklanmaktadır. Ayrıca sorunun mevcut durumunun ve çözülen zorlukların hızlı bir özetini sunar.
Renk Seçici ile HD ve HD olmayan renkleri inceleyip hata ayıklayın
HD ve HD olmayan renkleri inceleyip hata ayıklamak için Öğeler > Stiller bölümünden Renk Seçici'yi nasıl kullanacağınızı öğrenin.
Geliştirici Araçları İpuçları: Getirme önceliğinde hata ayıklama
Getirme önceliğinde hata ayıklama hakkında bilgi edinin.
Web Uygulaması Kapsam Uzantıları
Chrome 122 sürümünden itibaren scope_extensions uygulama manifesti üyesinin kaynak deneme sürümüne abone olabilirsiniz. Bu özellik, birden çok alt alan adını ve üst düzey alanı kontrol eden sitelerin tek bir web uygulaması olarak sunulmasına olanak tanır.
CSS text-wrap: balance
Dengeli metin blokları için satır aralarını manuel olarak yazmak gibi klasik bir yazım tekniği CSS'ye eklendi.
WebDriver BiDi'nin gücünden yararlanın: Puppeteer ile Chrome ve Firefox otomasyonu
Puppeteer şimdi Firefox'la konuşuyor! 🎉 Bir dakika, daha olmadı mı? 🤔 Puppeteer'daki yeni protokol WebDriver BiDi'ye yakından bakalım ve bu heyecan verici geliştirmenin Firefox otomasyon iş akışı için ne anlama geldiğini keşfedelim.
İçerik menüsü oluşturma
Kullanıcıların uzantı özelliklerini çağırmasına olanak tanıyan bir pencere olan pop-up'ı uygulayın.
Uzaktan barındırılan kod ihlallerini giderme
Service Worker, uzantıların yalnızca gerektiğinde çalışmasını sağlayarak kaynak tasarrufu sağlar.
Modern çerçeveler yeni INP metriğinde nasıl performans gösteriyor?
Bu gönderide, yeni INP metriğinin çerçeve tabanlı web siteleriyle alaka düzeyi ve Aurora’nın bu metriği optimize etme çerçevelerini desteklemek için yaptığı çalışmalar açıklanmaktadır.
Chrome ile Android Intents
Android Intent'i kullanarak doğrudan bir web sayfasından uygulamaları başlatın.
Pop-up ekle
Kullanıcıların uzantı özelliklerini çağırmasına olanak tanıyan bir pencere olan pop-up'ı uygulayın.
Android'de Google Chrome
Android'de Chrome'un geliştirici özelliklerinin tam listesi için chromestatus.com adresine bakın. Chrome'u Play Store'dan indirin. Kullanıcı bir cihazda Chrome'da oturum açtığında, başka bir cihazda Chrome'da oturum açtığında kullanıcı o oturumun
Chrome, premium tabletlerde varsayılan olarak masaüstü modunu etkinleştirir
Chrome, premium tabletlerde varsayılan olarak masaüstü modunu etkinleştirerek Android tablet ekosistemine uyum sağlamıştır.
Bölge Yakalama ile daha iyi sekme paylaşımı
Web platformu artık yüksek performanslı ve etkili bir video kanalı kırpma yöntemi olan Region Capture ile birlikte geliyor.
WebGPU'daki (Chrome 120) Yenilikler
WGSL'de 16 bitlik kayan nokta değerleri, sınır artışı, derinlik şablonu durum değişiklikleri, bağdaştırıcı bilgisi güncellemeleri ve daha fazlası için destek.
- WebGpu
Geliştirici Araçları'ndaki yenilikler (Chrome 121)
Öğeler'de @font-palette-values desteği, iyileştirilmiş kaynak haritası desteği, geliştirilmiş Performans > Etkileşimler kanalı ve daha fazlası.
CSS sarmalandı: 2023
2023 CSS için büyük bir yıldı. Bu yıl Chrome'da ve web platformu genelinde kullanıma sunulanlar hakkında bilgi edinin.
Geliştirici Araçları İpuçları: DOM nedir? HTML ve DOM karşılaştırması
Geliştirici Araçları ile DOM'da hata ayıklamayı öğrenin.
Özel Ağ Erişimi İzni istemi kaynak denemesi: HTTPS ile web sitelerini taşıma yolu
Google Chrome, Özel Ağ Erişimi (PNA) spesifikasyonu kapsamında, güvenli olmayan herkese açık web sitelerinden özel ağ uç noktalarına erişimi kullanımdan kaldırıyor.
Bağlantı noktası yönlendirme ile yerel sunuculara ve Chrome örneklerine erişme
Geliştirme makinesinin web sunucusunda bir site barındırın ve ardından içeriğe bir Android cihazdan erişin.
Geliştirici Araçları İpuçları: Bfcache için hata ayıklama
Bfcache için hata ayıklamayı ve sayfanızın anında yüklenmesini nasıl sağlayacağınızı öğrenin.
Chrome Geliştirici Araçları, self-XSS saldırılarına karşı korunmaya nasıl yardımcı olur?
Chrome Geliştirici Araçları'nın, deneyimsiz Geliştirici Araçları kullanıcıları için kod yapıştırmayı engelleyerek self-XSS saldırılarını nasıl azalttığını öğrenin.
Chrome'un yüklenebilirlik ölçütlerine geri dön
Chrome önümüzdeki aylarda geliştirici ve kullanıcı deneyimini iyileştirmek için uygulama yükleme ölçütlerini basitleştirme amacıyla denemeler çalıştıracak. Bu yayında, bekleyebileceğiniz değişiklikler ve bu denemeleri çalıştırmamızın nedenleri açıklanmaktadır.
Chrome 120'deki yenilikler
Chrome 120 kullanıma sunuluyor! Kapatma istekleri ele alınırken tutarlı bir deneyim sunan CloseWatcher API'si sayesinde, ayrıntılar öğesi kullanılarak akordeon kalıbının doğrudan uygulanması, izin politikası ihlal raporları artık kullanılabilir ve çok daha fazlası mevcuttur.
Çerezleri görüntüleme, ekleme, düzenleme ve silme
Chrome Geliştirici Araçları'nı kullanarak bir sayfanın HTTP çerezlerini nasıl görüntüleyeceğinizi, ekleyeceğinizi, düzenleyeceğinizi ve sileceğinizi öğrenin.
CSS'deki dört yeni uluslararası özellikle tanışın
Chrome, dört yeni uluslararası CSS özelliği ekliyor.
Sayfa Yaşam Döngüsü API'sı
Page Lifecycle API, mobil işletim sistemlerinde sık kullanılan uygulama yaşam döngüsü özelliklerini web'e taşır. Tarayıcılar artık kaynakları korumak için arka plan sayfalarını güvenli bir şekilde dondurup siliyor ve geliştiriciler de bu müdahaleleri kullanıcı deneyimini etkilemeden güvenli bir şekilde halledebiliyor.
Async Clipboard API'deki temizlenmemiş HTML
Chrome 120'de, Async Clipboard API'de gerekli temizlik sağlanmamış yeni bir seçenek bulunmaktadır. Bu rehberi nasıl kullanacağınızı öğrenmek için bu kılavuza göz atın.
Video konferans web uygulamaları için otomatik pencere içinde pencere
Chrome, video konferans web uygulamalarının otomatik olarak pencere içinde pencere moduna girmesine izin verir.
Manifest V3'e geçişi devam ettirme
Geçtiğimiz yılın Aralık ayında, geliştirici geri bildirimlerini ele almak ve taşıma sorunlarına daha iyi çözümler sunmak için Manifest V2'nin kullanımdan kaldırılması planını duraklattık. Bu geri bildirimler doğrultusunda, Manifest V3'te bu
Manifest V3'te içerik filtrelemeyi iyileştirme
Geçtiğimiz yıl, çeşitli içerik engelleme uzantılarının arkasındaki tedarikçi firmalarla MV3 uzantıları platformunu iyileştirmenin yolları hakkında aktif olarak görüştük. Çoğu WebExtensions Topluluk Grubu'nda ( WECG ) diğer tarayıcılarla birlikte
Angular NgOptimizeImage direktifindeki yenilikler
Angular NgOptimizeImage direktifine dahil edilen ve Angular uygulamalarındaki resim performansını daha da iyileştiren yeni özellikler hakkında bilgi edinin.
Hizmet Çalışanı Statik Yönlendirme API'si Kaynak Denemesi
Rotaların, Hizmet Çalışanınız tarafından nasıl işleneceğini (veya ele alınamayacağını) bildirimli olarak belirtmenizi sağlayan yeni bir API olan, Service Worker Statik Yönlendirme'nin ilk aşaması (şu anda Kaynak Denemesi kapsamında) hakkında bilgi edinin.
WebGPU ekosistemini yakalama
WebGPU ekosisteminin JavaScript, C++ ve Rust erişim alanlarının ötesine nasıl ulaştığını öğrenin.
- WebGpu
Geliştirici Araçları'ndaki yenilikler (Chrome 120)
Sorunlar panelinde bildirilen üçüncü taraf çerezlerinin aşamalı olarak kullanımdan kaldırılması, Çerezler için Özel Korumalı Alan Analiz Aracı, Uygulamalar panelinde etkili İçerik Güvenliği Politikası, geliştirilmiş animasyonlarda hata ayıklama, geliştirilmiş yoksayma listesi ve daha fazlası.
CSS iç içe yerleştirme rahat söz dizimi güncellemesi
Chrome 120'de ileriye dönük iç içe yerleştirme etkinleştirildi.
IndexedDB'deki varsayılan dayanıklılık modunda yapılan değişiklik
IndexedDB'deki dayanıklılık modu, Chrome 121'den itibaren katı moddan gevşek moda geçiyor.
Chrome 120'de Uzantılar için sunulan yenilikler
Chrome Uzantısı geliştiricileri için Chrome 120'deki önemli değişikliklerin özeti.
Chrome OS'te dosya işleme
Chrome uzantısı hizmet çalışanlarında, pop-up'larda, yan panellerde veya içerik komut dosyalarında dosya açma.
Chrome 120 Beta
CSS maskeleme, CSS iç içe yerleştirme için esnek kurallar, öğe ile akordeon kalıpları oluşturun, Media Session API için pencere içinde giriş işlemi yapın.
Chrome 119'daki yenilikler
Chrome 119 kullanıma sunulmaya başladı! Depolama alanında halihazırda bulunan çerezler için geçerli olan üst sınır geçerlilik bitiş tarihi güncellemesiyle. CSS'de yeni sözde sınıflar, göreli renk söz dizimi, reklam boyutu makroları gibi Çit Çerçeveleri iyileştirmeleri ve daha birçok özellik bulunuyor.
WebAssembly Çöp Toplama (WasmGC) artık Chrome'da varsayılan olarak etkin
İki tür programlama dili vardır: çöp toplayıcı programlama dilleri ve manuel bellek yönetimi gerektiren programlama dilleri. WebAssembly Çöp Toplama ile birlikte, atık olarak toplanan diller WebAssembly'ye taşınabilir.
CSS tercihler-azaltılmış-şeffaflık
Opak bir kullanıcı arayüzünü tercih eden kullanıcılar için optimizasyon ve ayarlama yapın.
WebGPU'daki Yenilikler (Chrome 119)
Filtrelenebilir 32 bit kayan dokular, unorm10-10-10-2 köşe biçimi, rgb10a2uint doku biçimi ve daha fazlası.
- WebGpu
Öğe seçin: artık yatay kurallarda
Genişletilmiş seçim öğesi özelliklerinin, daha iyi gruplandırma için görsel yatay araları nasıl etkinleştirdiğini öğrenin.
Chrome Uzantılarında neler oluyor?
Chrome Uzantılarındaki son değişikliklere ve geliştiricilerin heyecanla beklemeye başlayacağı, yakında kullanıma sunulacak heyecan verici uzantı özelliklerine genel bir bakış.
Chromium sorun izleyici taşıma
Chromium sorun izleme, Ocak 2024'te Google Sorun izleyicisi tarafından desteklenen bir araca taşınıyor.
Sanitizer API'nin kullanımdan kaldırılması
Gelecekteki spesifikasyon güncellemelerine uyum sağlamak için mevcut Sanitizer API uygulaması Chrome 119'da kullanımdan kaldırılmıştır.
Web'de Bluetooth üzerinden seri
Web Serial API, Bluetooth RFCOMM hizmetleri için destek sunmaya başladı.
Chrome uzantılarını Puppeteer ile test etme
Puppeteer'ı kullanarak Chrome uzantıları için otomatik test yazma.
CSS göreli renk söz dizimi
Başka bir rengin kanallarını ve değerlerini temel alarak yeni renkler oluşturun.
Hata bulma ve takip etme
Bir hata veya özellik isteğinin önceden bildirilip bildirilmediğini kontrol edin.
Geliştirici Araçları'ndaki Yenilikler (Chrome 119)
Stiller'de @property bölümü iyileştirildi, cihaz listesi güncellendi, Kaynaklar'da kolayca yazdırma özelliği ve Konsol'da otomatik tamamlama özellikleri eklendi.
Chrome 118'deki yenilikler
Chrome 118 kullanıma sunuluyor! @scope css kuralıyla bir bileşen içinde belirli stiller bildirin. Yeni medya özelliğini kullanın: tercih edilir-azaltılmış-şeffaflık. Geliştirici Araçları, Kaynaklar panelinde iyileştirmelerin yanı sıra daha pek çok özelliğe sahiptir.
Tarayıcıda dosyalarla çalışmaya yönelik API iyileştirmeleri
FileSystemSyncAccessHandle için birden çok okuyucu ve yazar ve FileSystemWritableFileStream için özel yazar desteği. Kaynak özel dosya sistemi (bazen paket dosya sistemi olarak da adlandırılır), geliştiricilerin maksimum okuma ve yazma performansı
Tam ekran pop-up pencereler için yeni kaynak denemesi
Artık tek bir adımda pop-up pencereleri tam ekran modunda açmak için yeni bir kaynak denemesi var.
Chrome 119 Beta
Chrome 119 beta size CSS göreli renk söz dizimi, yeni sözde sınıflar ve çok daha fazlasını sunuyor.
Seçicilerinizin erişimini, kuraldaki CSS @scope ile sınırlayın
DOM'unuzun yalnızca sınırlı bir alt ağacındaki öğeleri seçmek için @scope'u kullanmayı öğrenin.
WebGPU'daki Yenilikler (Chrome 118)
copyExternalImageToTexture için genişletilmiş kaynak desteği, okuma-yazma ve salt okunur depolama dokusu için deneysel destek ve daha fazlası.
- WebGpu
Geliştirici Araçları İpuçları: Chrome uzantılarında hata ayıklama
Chrome uzantılarında hata ayıklamak için Geliştirici Araçları'nı nasıl kullanacağınızı öğrenin.
Chrome artık macOS'te iCloud Anahtar Zinciri'nde geçiş anahtarlarını destekliyor
macOS'teki Chrome, iCloud Anahtar Zinciri'nde şifre anahtarlarını desteklemeye başladı. Bu sayede kullanıcılar iCloud Anahtar Zinciri'nde şifre anahtarı oluşturabilir ve geçiş anahtarlarını Apple cihazlar arasında senkronize edebilir.
Görünüm geçişleri sayesinde sorunsuz gezinme
CyberAgent, RedBus, Nykaa ve PolicyBazaar'ın görüntüleme geçişlerini nasıl ve neden uyguladığına dair ayrıntılı bir açıklama.
Geliştiriciler için Chrome'uz.
Chrome'un 15. yıl dönümünü ve geliştiriciler için güvenilir, yardımcı bir iş ortağı olarak rolümüzü kutluyoruz.
Geliştirici Araçları'ndaki Yenilikler (Chrome 118)
Öğeler > Stiller'deki özel özellikler için yeni bölüm, daha fazla yerel geçersiz kılma iyileştirmesi, geliştirilmiş arama, Kaynaklar'da basitleştirilmiş çalışma alanı ve daha fazlası.
Chrome 118 Beta
CSS için kapsamlı stiller, ek medya özellikleri, klavyeye odaklanılabilir kaydırma kapsayıcıları ve daha fazlası.
Chrome 117'deki yenilikler
Chrome 117 kullanıma sunuluyor! Sorunsuz giriş ve çıkış animasyonlarını eklemeyi kolaylaştıran üç yeni CSS özelliği ve daha yüksek sıralı veri kümelerini hesaplamak için dizi gruplandırmasıyla devtools yerel geçersiz kılma işlemlerini kolaylaştırır ve daha pek çok özellik sunar.
WebGPU'daki Yenilikler (Chrome 117)
Köşe arabelleği ve bağlama grubunun ayarlarını kaldırın, kaybolan cihazların çalışıyor gibi görünmesini sağlayın ve daha fazlasını yapın.
- WebGpu
Geliştirici Araçları İpuçları: Snippet'ler ve canlı ifadeler
Sık kullandığınız kodu çalıştırmak için Snippet'leri, değerleri gerçek zamanlı olarak izlemek için canlı ifadeleri kullanın.
Daha hızlı Chrome sürümleri (ikinci tur)
Chrome 119'dan itibaren, bir sürümün yayınlandığı şube ile kararlı sürüme yayınlanması arasındaki süreyi kısaltacağız.
Astro Görüntüleme Geçişleri
Chrome'un API'yi şekillendirirken Astro topluluğunun görüntüleme geçişlerini nasıl benimsediğini ve Astro +'ta bunun için birinci sınıf destek elde etme yolculuğunu vurgulayın.
Scheduler.yield kaynak denemesi ile tanışın
"Scheduler.yield", şu anda kaynak denemesinde olan planlayıcı API'sine önerilen yeni bir eklemedir ve görevleri daha hızlı yanıt veren kullanıcı deneyimleri için ayırmaya yönelik yeni bir yaklaşımdır. Planlama API'sine önerilen bu ekin avantajlarını anlayın ve kaynak denemesine kaydolarak bilgi ve geri bildirim almamıza yardımcı olun.
Lighthouse 11'deki yenilikler
Lighthouse 11, yeni erişilebilirlik değişiklikleri ve denetleme güncellemeleriyle kullanıma sunuldu
Yeni komut düzenleyiciyle Chrome Geliştirici Araçları Protokolü (CDP) komutlarınızı verimli bir şekilde oluşturun
DevTools, Chrome Geliştirici Araçları Protokolü (CDP) komutlarını yazmayı kolaylaştırmak için JSON kullanmanıza gerek kalmayacak şekilde kullanıcı dostu yeni bir düzenleyiciyi kullanıma sundu.
Geliştirici Araçları'ndaki Yenilikler (Chrome 117)
XHR/fetch isteklerini geçersiz kılın ve Ağ panelinden uzantı isteklerini gizleyin, Performans panelinde getirme önceliğindeki değişiklikleri görün, birden çok kullanıcı arayüzü iyileştirmesini deneyin, yeni renkleri, deneysel özellikleri kontrol edin ve daha fazlasını yapın.
Sorunsuz giriş ve çıkış animasyonları için dört yeni CSS özelliği
Tek tek animasyonların ve üst katman arasındaki geçişin sorunsuz bir şekilde yapılmasını sağlayan yeni özellikler hakkında bilgi edinin
Chrome 117 Beta
CSS ızgara alt ızgarası, CSS için giriş ve çıkış animasyonu desteği, dizi gruplandırma, yineleyici yardımcıları ve daha fazlası.
Güvenlik kontrolünü chrome://extensions sayfasına getiriyoruz
Chrome 117'den itibaren Chrome, yükledikleri bir uzantı artık Chrome Web Mağazası'nda olmadığında kullanıcılara proaktif bir şekilde vurgu yapar.
Chrome 116'daki yenilikler
Chrome 116 kullanıma sunulmaya başladı! Kullanıcı üretkenliğini artırmak için resim içinde resim API'sini kullanın. Artık Geliştirici Araçları'nda eksik stil sayfalarında hata ayıklamak daha kolay ve çok daha fazlası.
Manifest - içerik komut dosyaları
manifest.json dosyasının "content_scripts" özelliği için referans dokümanları.
Kısıtlama özellikleri ile güvenli pop-up etkileşimleri
Pop-up'larla etkileşimde bulunurken kökler arası izolasyon ve siteler arası sızıntı koruması elde edin.
WebGPU'daki Yenilikler (Chrome 116)
WebCodecs entegrasyonu, video oynatmayla ilgili iyileştirmeler ve daha fazlası.
- WebGpu
Chrome'da tek seferlik izinler
"İzin ver" Chrome'da izin vermek için tek seferlik bir seçenektir. Başlangıçta yalnızca coğrafi konum, kamera ve mikrofon için masaüstünde kullanılabilecektir.
Geliştirici Araçları İpuçları: Kesme noktaları ve günlük noktaları
Kolayca hata ayıklamak için kesme noktalarını ve günlük noktalarını kullanın.
TWA için PostMessage
Chrome 115 Güvenilir Web Etkinlikleri (TWA), postMessage kullanarak ileti gönderebilir. Bu dokümanda, uygulamanız ile web arasında iletişim kurmak için gereken kurulum adım adım açıklanmaktadır.
Chrome 116'da Uzantılar için Yenilikler
Chrome Uzantısı geliştiricileri için Chrome 116'daki önemli değişikliklerin özeti.
Chrome 116 Beta
CSS hareket yolu, Geri-ileri önbellek NotRestoredReason API, Doküman Resim İçinde Resim ve daha fazlası.
iOS 16.4 ve sonraki sürümlerde Chrome'da web sitelerinde hata ayıklama
iOS'te Chrome için Safari Web Denetleyicisi hata ayıklamasını nasıl kullanacağınızı öğrenin.
Chrome 115'teki yenilikler
Kullanıcı deneyimini geliştiren kaydırmaya dayalı animasyonlar oluşturmak için ScrollTimeline ve ViewTimeline öğelerini kullanın. Çitlenmiş çerçeveler, gereksiz bağlam paylaşımını önlerken alakalı içeriği yerleştirmek için diğer Özel Korumalı Alan API'leriyle birlikte çalışır. Topics API sayesinde tarayıcı, gizliliği korurken bir yandan da kullanıcının ilgi alanları hakkındaki bilgileri üçüncü taraflarla paylaşabilir. Bunun yanı sıra çok daha fazlası da vardır.
Chrome Uzantılarında neler oluyor?
Chrome Uzantıları'nda bu yıl şimdiye kadar yapılan değişikliklere genel bakış ve geliştiricilerin sabırsızlıkla bekleyeceği, yakında kullanıma sunulacak heyecan verici uzantı özelliklerine genel bir bakış.
Geliştirici Araçları İpuçları: Kaydedici ile kullanıcı akışlarını kaydetme ve yeniden oynatma
Geliştirici Araçları'ndaki Kaydedici paneliyle kullanıcı akışlarını kaydetmeyi, tekrar oynatmayı ve hata ayıklamayı öğrenin.
Kaydırmaya dayalı animasyonların performansıyla ilgili bir örnek olay
Yeni API, kaydırmaya dayalı animasyonları uygulamanın klasik yönteminden çok daha akıcıdır.
Service Worker'larda WebSockets kullan
Chrome uzantınızdaki bir WebSocket'a nasıl bağlanacağınızla ilgili adım adım talimatlar.
WebRTC: Eski getStats() taşıma rehberi
iOS'te Chrome için Safari Web Denetleyicisi hata ayıklamasını nasıl kullanacağınızı öğrenin.
Geliştirici Araçları İpuçları: Yerel depolama ve oturum depolaması
Anahtar/değer çiftlerinde hata ayıklamak için Uygulama > Yerel Depolama ve Oturum Depolaması'nı kullanın.
Geliştirici Araçları'ndaki Yenilikler (Chrome 116)
Eksik stil sayfalarıyla ilgili sorunları daha hızlı tespit edip hata ayıklamanıza yardımcı olmak için DevTools'ta çeşitli iyileştirmeler yapıldı: Ağ paneli, Başlatıcı sütununu, yüklenemeyen bir stil sayfasına referans veren satırın bağlantılarıyla
Coğrafi konumu kullan
Chrome uzantısı hizmet çalışanlarında, pop-up'larda, yan panellerde veya içerik komut dosyalarında coğrafi konum nasıl kullanılır?
WebGPU'daki Yenilikler (Chrome 115)
Desteklenen WGSL dil uzantıları, Direct3D 11 için deneysel destek ve daha fazlası.
- WebGpu
Chrome for Testing: tarayıcı otomasyonu için güvenilir indirmeler
Chrome for Testing, özellikle web uygulaması testlerini ve otomasyon kullanım alanlarını hedefleyen yeni bir Chrome çeşididir.
C/C++ WebAssembly hatalarını ayıklama
C/C++ WebAssembly'deki hataları bulmak ve düzeltmek için Chrome Geliştirici Araçları'nı nasıl kullanacağınızı öğrenin.
Photoshop, belleğe sığabilecek daha büyük dosyalarla çalışmayı nasıl çözdü?
Adobe'ın, ikonik Photoshop uygulamasının web sürümünde kullanıcıların en büyük dosyaları bile düzenlemesine nasıl izin verdiğini öğrenin. (Bu makaleyi video olarak da inceleyebilirsiniz.) 2021'de Adobe, Chrome mühendisliğiyle birlikte Photoshop'un
Vektör resim düzenleme uygulaması Boxy SVG'nin, kullanıcıların en sevdikleri yerel yazı tiplerini seçmesine olanak tanımak için Local Font Access API'den yararlanma şekli
Yerel Yazı Tipi Erişimi API'si, kullanıcının yerel olarak yüklü yazı tipi verilerine (adlar, stiller ve aileler gibi üst düzey ayrıntılar ve temel yazı tipi dosyalarının ham baytları dahil) erişmek için bir mekanizma sağlar. SVG düzenleme uygulaması
Mutasyon etkinlikleri Chrome'dan kaldırılacak
Kullanımdan kaldırılma ve değişiklik etkinliklerinin kaldırılması planlanıyor ve ayrıca Temmuz 2024'teki kaldırma işleminden önce kodunuzu nasıl taşıyabileceğiniz hakkında bilgiler paylaşılıyor.
SVG öğesindeki veri URL'lerinden taşı
Veri desteği: SVG öğesindeki URL'ler kaldırılacak. Alternatiflere geçiş yapılmasını öneririz.
Chrome 115 Beta
CSS görüntülü reklam mülkü için birden çok anahtar kelime, WebGPU için WGSLLanguageFeatures, HTTPS yükseltmeleri ve daha fazlası.
Yeni Side Panel API ile üstün bir kullanıcı deneyimi tasarlayın
Chrome uzantıları için yeni Side Panel API'nin tanıtımı.
İkinci Compute Basınç kaynak denemesi duyurusu
Chrome'un web geliştiricilerinin işlem baskısını izlemesine olanak tanıyan yeni bir kaynak denemesi.
Geliştirici Araçları'ndaki Yenilikler (Chrome 115)
Öğeler paneline alt ızgara için yeni bir subgrid rozeti eklendi. Bu özellik şu anda Chrome Canary'da deneysel olarak sunulmaktadır. Alt ızgara olan ve bu nedenle parça sayısını ve boyutunu üst öğesinden devralan iç içe yerleştirilmiş bir ızgarayı
Oyun düzenleyici Construct 3, kullanıcıların oyunlarını kaydetmesine olanak tanımak için File System Access API'yi nasıl kullanıyor?
File System Access API, okuma, yazma ve dosya yönetimi özelliklerine olanak tanır. Construct 3'ün bu API'yi nasıl kullandığını öğrenin. (Bu makaleyi video olarak da inceleyebilirsiniz.) Construct 3, Thomas ve Ashley Gullen kardeşler tarafından
Chrome, document.domain alanının değiştirilmesini devre dışı bıraktı
Web siteniz document.domain'in ayarlanmasını gerektiriyorsa işlem yapmanız gerekir.
Chrome 114'teki yenilikler
Chrome 114 kullanıma sunulmaya başladı! Chrome 114 kullanıma sunulmaya başladı! text-wrap: Denge ile metin düzenlerini iyileştirmek için Cookies Independent Partitioned State (Bağımsız Bölümlü Duruma Sahip Çerezler)
linear() yumuşak geçiş işleviyle CSS'de karmaşık animasyon eğrileri oluşturma
CSS'deki yumuşak geçiş işlevini kullanıma sunuyoruz. Bu yumuşatma işlevi, noktaları arasında doğrusal etkileşim kurarak hemen çıkma ve ilkbahar efektlerini yeniden oluşturmanıza olanak tanır.
Geliştirici Araçları İpuçları: Workspace
Geliştirici Araçları'nda yaptığınız değişiklikleri yerel kaynak dosyalara kaydetmek için Workspace'i kullanın.
Popover API'siyle tanışın
Yeni popover API'si ile ipuçlarını, menüleri ve daha fazlasını nasıl oluşturacağınızı öğrenin.
LEGO® Education, Web Bluetooth ve Web Serial API'lerini nasıl kullanır?
LEGO Education, LEGO modellerini bilgisayara bağlama işlemini mümkün olduğunca kolaylaştırmak için web'in gücünden yararlanır.
Kuzey ışıkları ile ilgili Yenilikler
Chrome Aurora ekibinin son zamanlarda neler yaptığını ve 2023 için yol haritalarını öğrenin.
3D model düzenleyici Blockbench, kullanıcıların her yerden renk seçmesine olanak tanımak için EyeDropper API'yi nasıl kullanıyor?
EyeDropper API, kullanıcıların tarayıcı penceresinin dışında da dahil olmak üzere ekranlarından renk örneklemelerine olanak tanıyan bir damlalık aracı oluşturma mekanizması sağlar. 3D model düzenleyici Blockbench'in bu API'yi kod tabanında nasıl
Web SQL'in kullanımdan kaldırılmasına yönelik zaman çizelgesi güncellendi
Web SQL, Chromium 119'da tamamen kaldırıldı.
Storage Paketleri kaynak denemesi mevcut
Storage Standardı, kalıcı depolama ve kota tahminleri için API ve platform depolama mimarisini tanımlar. Yoğun bellek baskısı altında depolama alanının kalıcı olarak çıkarılmasını daha tahmin edilebilir hale getiren bir API ile denemeler yapıyoruz. Storage Buckets API'yi Chrome 115 ile Chrome 118 arasında çalışan bir kaynak denemesinde deneyin.
Resim düzenleme uygulaması Photopea, kullanıcıların dosyaları dosya gezgininden açmasına olanak tanımak için File processing API'yi nasıl kullanır?
File Handling API, web uygulamalarının kendilerini destekleyebilecekleri dosya biçimleri için dosya işleyici olarak kaydetmelerine olanak tanır. Photopea resim düzenleme uygulamasının bu API'yi nasıl kullandığını öğrenin. (Bu makaleyi video olarak da
CSS ve kullanıcı arayüzündeki yenilikler: I/O 2023 Sürümü
Google I/O 2023'te öne çıkarılan, kaçırmak istemediğiniz en popüler 20 CSS ve kullanıcı arayüzü özelliği.
iframe'ler arasında paylaşılan otomatik doldurma: ilk teklif
Bazı formların iframe'lerde alanları var ve bu da tarayıcının otomatik doldurmasında sorunlara neden oluyor. Paylaşılan otomatik doldurma özelliğiyle üst çerçeve, kullanıcıya daha iyi bir otomatik doldurma deneyimi sunmak için kaynaklar arası iframe'lerin güvenilirliğini belirleyebilir.
Google I/O'da 10 haber
Google I/O 2023'te paylaştığımız önemli güncellemeler ve yeni lansmanlarla geliştiricilerin kullanıcılarına güçlü deneyimler sunmasını nasıl kolaylaştırdığımızı öğrenin.
Chrome Geliştirici Araçları ile form sorunlarını bulma
Chrome Geliştirici Araçları ekibi, form sorunlarını bulmaya ve Otomatik Doldurma hatalarını ayıklamaya yardımcı olacak yeni özellikler geliştiriyor. Bu özellikler, tasarımın ve uygulamanın ilk aşamasındadır ve test edip geri bildiriminize ihtiyacımız vardır.
Android 2023'te web'deki yenilikler
Web'i Android'e getiren araçlarda yapılan güncellemeler. Gizlilik iyileştirmeleri ve Web Görünümü'nde büyük ekranlar için daha iyi destek, Özel Sekmeler'de kısmi özel sekmeler, PWA için daha kolay yükleme ve entegre özellikler, TWA için Play Store faturalandırma yönetimi ve daha fazlası.
WebGPU: Tarayıcıda modern GPU erişiminin kilidini açma
WebGPU'nun daha hızlı makine öğrenimi performansı ve daha iyi grafik oluşturma için GPU'nun gücünden nasıl yararlandığını öğrenin.
WebDriver BiDi: 2023 durum güncellemesi
Bu makalede, WebDriver BiDi'de 2023'teki yeniliklere dair genel bir bakış sunulmaktadır.
Kaydırma odaklı animasyonlarla, kaydırma sırasında öğeleri canlandırın
Bildirim temelli bir şekilde kaydırmaya dayalı animasyonlar oluşturmak için Kaydırma Zaman Çizelgeleri ve Zaman Çizgilerini Görüntüleme ile nasıl çalışacağınızı öğrenin.
Geliştirici Araçları'ndaki Yenilikler (Chrome 114)
Geliştirici Araçları, varsayılan olarak Ayarlar > Deneysel > WebAssembly Hata Ayıklama: DWARF desteğini etkinleştir seçeneğini etkinleştirir. Daha fazla bilgi için Modern araçlarla WebAssembly'de hata ayıklama başlıklı makaleyi inceleyin. Bu
Uzantı hizmet çalışanları hakkında
Uzantı hizmeti çalışanları bir uzantının ana etkinlik işleyicisidir. Bu nedenle web Service Worker'lardan ayrılır.
Chrome 113'teki yenilikler
Chrome 113 kullanıma sunulmaya başladı! WebGPU burada. Web'de yüksek performanslı 3D grafiklere ve veriye paralel hesaplamaya olanak tanıyor. Geliştirici araçları artık ağ yanıtı başlıklarını, Özel Korumalı Alan'ın bir parçası olan Birinci Taraf Grupları geçersiz kılıyor. Bu da kuruluşların kullanıma sunulmaya başladığını beyan etmesine olanak tanıyor ve çok daha fazlası var.
Service Worker'lardaki etkinlikler
Uzantı hizmet çalışanları hem standart hizmet çalışanı etkinliklerine hem de uzantı API'lerindeki birçok etkinliğe yanıt verir.
Uzantı hizmeti çalışanıyla ilgili temel bilgiler
Uzantı hizmeti çalışanları, web hizmeti çalışanlarından farklı şekilde yüklenir ve güncellenir.
Bulanık kamera arka planı
Chrome tarafından sunulan ve web geliştiricilerinin kameranın arka plan bulanıklığını kontrol etmesine olanak tanıyan yeni bir kaynak denemesi.
Uzantı hizmet çalışanının yaşam döngüsü
Uzantı hizmet çalışanları hem standart hizmet çalışanı etkinliklerine hem de uzantı ad alanlarındaki etkinliklere yanıt verir. Bunlar, genellikle uzantı kullanımı sırasında bir türün diğerini takip ettiği için birlikte sunulur.
Daha hızlı AV1 kodlamasıyla iyileştirilmiş görüntülü görüşme
Chrome 113, Chrome Open Media ekibinin AV1 yazılımı kodlayıcısında iyileştirmeler içeriyor.
CSS medya sorgusunu güncelleme
Kullanıcı arayüzünüzü ekranın yenileme hızı özelliklerine uygun hale getirin.
WebGPU'daki Yenilikler (Chrome 113)
WebGPU, kaynak denemesinde WebCodecs entegrasyonuyla Chrome'da gönderilir.
- WebGpu
Geliştirici Araçları İpuçları: Geliştirici Araçları'ndaki kaynak haritaları
Dağıtım yerine orijinal kodunuzun hatalarını ayıklamak için Geliştirici Araçları'ndaki kaynak eşlemelerini kullanın.
Geliştirici Kaynakları: Kaynak haritalarını görüntüleme ve manuel olarak yükleme
Kaynak eşlemelerinin başarılı bir şekilde yüklenip yüklenmediğini kontrol etmek ve bunları manuel olarak yüklemek için Geliştirici Kaynakları panelini kullanın.
Kısmi Özel Sekmelerle Çoklu Görev
Kullanıcılarınızın web içeriğini görüntülerken uygulamanızla etkileşimde bulunması için kısmi Özel Sekmeleri nasıl kullanacağınızı öğrenin.
Kullanıcı arayüzünü özelleştirme
Özel Sekmeyi uygulamanızın görünümüne ve tarzına uygun hale getirme.
Isınma ve önceden getirme: Özel Sekmeler Hizmeti'ni kullanma
Daha iyi bir kullanıcı deneyimi için Özel Sekmeler Hizmeti'nden nasıl yararlanacağınızı öğrenin.
Masaüstü için daha zengin kullanıcı arayüzü yüklemesi mevcut
Mobil cihazlar ve uygulama mağazaları, kullanıcıların yazılımı keşfetme, değerlendirme ve yükleme şeklini değiştirdi. Web uygulamaları artık geliştiricilere, yükleme sırasında uygulamalarını öne çıkarabilecekleri bir ortam sunuyor.
Chromium Chronicle #33: AnimationBuilder Görüntüleme
Görünümlerde katman tabanlı animasyonlar kullanmak performansı artırabilir ve ancak ayarlanmaları daha zordur. İlgili içeriği oluşturmak için kullanılan AnimationBuilder sınıfları, katmanın karmaşıklığını büyük ölçüde azaltabilir ve animasyonları da
CSS düzeni ve kaynak sırası bağlantısını çözme
Geri bildiriminiz, öğelerin dokümanın kaynağıyla bağlantısı olmayan bir sırada düzenlenmesiyle ilgili düzen yöntemleri sorununa yönelik bir çözüm önerilmesini istiyoruz.
Geliştirici Araçları'ndaki Yenilikler (Chrome 113)
Artık Ağ panelinde yanıt üstbilgilerini geçersiz kılabilirsiniz. Daha önce, HTTP yanıt üst bilgilerini denemek için web sunucusuna erişmeniz gerekiyordu. Yanıt üstbilgisi geçersiz kılmalarıyla, aşağıdakiler dahil ancak bunlarla sınırlı olmamak üzere
Yeni Breakpoints kenar çubuğu daha hızlı hata ayıklamaya nasıl yardımcı olur?
Ayrılma noktalarını silme veya devre dışı bırakma gibi sık yapılan işlemleri gerçekleştirmeyi kolaylaştırmak için kesme noktaları kenar çubuğunu tek bir tıklamayla gerçekleştirebileceğiniz şekilde yeniden tasarladık.
Chrome, WebGPU sunar
Chrome ekibi, web'de yüksek performanslı 3D grafiklere ve veri paralel işlemesine olanak tanıyan WebGPU'yu kullanıma sunar.
- WebGpu
Daha hızlı Chrome sürümleri
Chrome 114'te, bir sürüm için dallar ile mevcut ürün sürümü arasında geçen süre daha az olur.
Chrome 112'deki yenilikler
Chrome 112 kullanıma sunuluyor! CSS artık iç içe yerleştirme kurallarını destekliyor. İletişim öğelerine odaklanmayı sağlayan algoritma güncellendi. Gezinme işlemlerini hızlandırmak için artık hizmet çalışanlarındaki işlemsiz getirme işleyicileri atlanıyor ve çok daha fazlası bulunuyor.
Geliştirici Araçları İpuçları: Kaynak haritaları nedir?
Kaynak eşlemelerinin dağıtılmak yerine orijinal kodunuzda hata ayıklamanıza nasıl yardımcı olabileceğini öğrenin.
ignoreList kaynak eşlemesi uzantısı
ignoreList kaynak eşlemesi uzantısıyla Chrome Geliştirici Araçları'ndaki hata ayıklama deneyimini iyileştirin.
Web SQL'den SQLite Wasm'a: Veritabanı taşıma kılavuzu
Orijinal özel dosya sistemi tarafından desteklenen SQLite Wasm, desteği sonlandırılan Web SQL veritabanı teknolojisinin çok yönlü bir yerine geçer. Bu makale, verilerinizi Web SQL'den SQLite Wasm'e taşımayla ilgili bir kılavuzdur. Web SQL desteğini
Fastly ile iş ortaklığı yapma: FLEDGE'in k-anonimlik sunucusu için gizli HTTP geçişi
FLEDGE için k-anonimlik sunucusunu uygulamak üzere Fastly ile iş ortaklığı yaparak Chrome'un gizlilik önlemlerini iyileştiriyoruz. Bu uygulamada, veriler bir OHTTP geçişi üzerinden aktarılırken Google sunucuları son kullanıcıların IP adreslerini almaz. K-anonimlik sunucusu, FLEDGE'in tam olarak uygulanmasına yönelik kademeli bir adımdır.
WebView'dan X-Requested-With üstbilgisinin gönderilmesi için etkinleştirme seçeneğini gerekli kılarak kullanıcı gizliliğini artırma
X-Requested-With başlığının gönderilme zamanını sınırlayarak kullanıcı gizliliğini korumak istiyoruz.
Service Worker'a geçin
Service Worker, uzantıların yalnızca gerektiğinde çalışmasını sağlayarak kaynak tasarrufu sağlar.
Geliştirici Araçları'ndaki Yenilikler (Chrome 112)
Kaydedici, bir uzantıyla Geliştirici Araçları'na yerleştirebileceğiniz özel yeniden oynatma seçenekleri için destek sunar. Örnek uzantıyı deneyin. Özel yeniden oynatma kullanıcı arayüzünü açmak için yeni özel yeniden oynatma seçeneğini belirleyin.
Manifest'i güncelle
Manifest.json dosyası, Manifest V3 için Manifest V2'den biraz daha farklı bir biçim gerektirir.
Chrome 112 Beta
FormData oluşturucu için CSS iç içe yerleştirme, animasyon bileşimi ve submitter parametresi.
SPA görünümü geçişleri Chrome 111'e geliyor
View Transition API, tek sayfalık uygulamalar içinde sayfa geçişlerine izin verir ve daha sonra çok sayfalı uygulamalar içerecektir.
Engelleme yapan web isteği işleyicilerini değiştirin
Uzantı hizmet çalışanının parçası olmayan kod için yapılması gereken değişiklikleri açıklayan üç bölümden ikincisi.
Kodunuzu güncelleme
Uzantı hizmet çalışanının parçası olmayan kod için yapılması gereken değişiklikleri açıklayan üç bölümün ilki.
Uzantı güvenliğini iyileştirin
Uzantı hizmet çalışanının parçası olmayan kod için yapılması gereken değişiklikleri açıklayan üç bölümün son kısmı.
CSS İç İçe Yerleştirme
Favori CSS ön işlemci özelliklerimizden biri artık dilin içinde yerleşik olarak bulunuyor: iç içe yerleştirme stili kuralları.
Chrome 111'deki yenilikler
Chrome 111 kullanıma sunulmaya başladı! View Transitions API ile tek sayfalı uygulamanızda şık geçişler oluşturun ve CSS renk düzeyi 4 desteğiyle renkleri bir üst seviyeye taşıyın. Yeni renk işlevinden en iyi şekilde yararlanmak için stil panelinde yeni araçları keşfedin. Ayrıca, çok daha fazlası bulunuyor.
Project Fugu API Vitrini'nin yeni yeri
Project Fugu API Showcase, Project Fugu'nun bir parçası olan API'leri kullanan uygulamalardan oluşan bir koleksiyondur. Google'ın şirket içi Capabilities Project'in (kod adı Project Fugu ) amacı, web uygulamalarının platforma özgü uygulamaların
Gizlilik kazandı! Kullanıcılar artık ekranlarını daha bilinçli bir şekilde paylaşıyor
Otomatik hatırlatma teorisini kullanarak kullanıcıların video konferans görüşmeleri sırasında kendilerini ayağa vurmaktan vazgeçmelerini sağladık.
CSS ankrajı konumlandırması ile öğeleri birbirine bağlama
Öğeleri herhangi bir hile kullanmadan uyarlanabilir bir şekilde konumlandırmanıza yardımcı olacak yeni bir API, web platformuna eklenecek.
CHIPS'i geliştirmek için sektörle çalışma
CHIPS çiplerini uygularken Chrome ekibinin karşılaştığı iki zorluğu ve topluluk geri bildirimlerinin teklif tasarımının geliştirilmesinde nasıl önemli bir rol oynadığını keşfedeceğiz.
Yazı tipi yedekleri için çerçeve araçları
Next.js, Nuxt.js ve diğer kitaplıkların CLS olmadan yedek yazı tipi CSS'si oluşturmaya nasıl yardımcı olduğunu öğrenin.
Standartlarla ilgili tartışmalarda davranış standartlarını iyileştirme
Chrome ekibinin daha profesyonel, saygılı ve kapsayıcı tartışmaları nasıl teşvik etmeyi amaçladığı.
Stil Sorgularına Başlarken
Stil sorguları, geliştiricilerin @kapsayıcı kuralını kullanarak bir üst öğenin stil değerlerini sorgulamasına olanak tanır. Chrome 111'de, CSS özel özelliklerine ilişkin stil sorguları açılış sayfası kararlılığıdır. Bu reklamları kullanmaya nasıl başlayacağınızı öğrenin.
Geliştirici Araçları İpuçları: CSS sorunlarını keşfetme
Geliştirici Araçları'ndaki CSS sorunlarını keşfetmek için Stiller ve Hesaplanan bölmeleri kullanın.
Chrome uzantılarıyla ilgili yardım alma
Dokümanlarda ele alınmayan sorularla ilgili yardım alınabilecek yerler.
Geliştirici Araçları'ndaki Yenilikler (Chrome 111)
HD renkte hata ayıklama, gelişmiş kesme noktası kullanıcı deneyimi ve daha fazlası.
İyileştirilmiş yazı tipi yedekleri
Yeni "boyut düzenleme" ve yazı tipi metriği geçersiz kılmaları, geliştiricilerin web yazı tipleriyle yakından eşleşen yedek yazı tipleri oluşturmasına olanak tanır. Bu da düzen kaymalarını azaltır.
Chrome 111 beta
Yeni CSS renk türleri ve renk alanları, CSS trigonometrik işlevleri ve View Transitions API.
WebHID üzerinden Stadia Kumanda ile konuşma
Yanıp sönen Stadia Kumanda, standart bir oyun kumandası gibi çalışır. Bu nedenle, Gamepad API'si kullanılarak düğmelerinin tümüne erişilemez. WebHID ile artık eksik düğmelere erişebilirsiniz. Stadia'nın kapatılmasından sonra birçok kişi, kumandanın
Chrome flag'leri nedir?
Ek hata ayıklama araçlarını etkinleştirin veya Chrome'daki yeni ya da deneysel özellikleri deneyin.
Chrome 110'daki yenilikler
Chrome 110 kullanıma sunulmaya başladı! Yeni "pencere içinde pencere" sözde sınıfıyla pencere içinde pencere öğelerinize özel stil ekleyin, start_handler ile web uygulaması başlatma davranışınızı belirleyin, kaynaklar arası yerleştirme politikası belirlemeyen üçüncü taraf içeriklerini yerleştirmek için iframe'lerde kimlik bilgisi içermeyen özelliğini kullanın ve daha birçok avantajdan yararlanın.
CrUX History API nasıl kullanılır?
CrUX History API ve kullanıcı deneyimi trendlerini izlemek için bu API'nin nasıl kullanıldığı hakkında bilgi edinin.
Geliştirici Araçları'ndaki Yenilikler (Chrome 110)
Yeniden yükleme, görüntüleme ve Kaydedici'de kodu vurgulama ve diğer işlemlerde Performans panelini temizleme.
Chromium Chronicle #32: Yama boşluklarına dikkat edin
Chromium geliştiricilerinin n gün kötüye kullanım olasılığını nasıl azaltabileceğini öğrenin.
Üçüncü taraf iframe'lerde Web Paylaşımı API'si için yeni şartlar
Daha iyi gizlilik ve güvenlik için üçüncü taraf iFrame'lerindeki Web Share API çağrılarına artık açıkça izin verilmesi gerekiyor. Bu makalede, Web Share API'de önemli olabilecek bir değişiklik ele alınmaktadır. Bu değişiklik Firefox'ta zaten
Daha fazla renge ve yeni alanlara erişin
CSS Color 4, web'e geniş renk gamı araçları ve özellikleri sunar.
Pencere içinde pencere özelliğinin geleceği
Her zaman açık pencerede rastgele HTML içeriği etkinleştiren Chrome kaynak denemesiyle ilgili haberler.
Özel Ağ Erişimi güncellemesi: Kullanımdan Kaldırma Denemesi süresinin uzatıldığını duyurma
Chrome, Özel Ağ Erişimi spesifikasyonu kapsamında, güvenli olmayan herkese açık web sitelerinden özel ağ uç noktalarına erişimi kullanımdan kaldırıyor. Chrome 113'e kadar kullanımdan kaldırma denemesi mevcuttur.
Yeni CSS renk alanlarıyla tanışın
CSS Renk 4, web'e daha fazla renk, işleme işlevi ve daha iyi renk geçişleri gibi geniş renk gamı araçları ve özellikleri sunar.
CSS renk karışımı()
Doğrudan CSS'nizden, desteklenen renk alanlarından herhangi birinde renkleri karıştırın.
Geliştirici Araçları İpuçları: PWA'da Hata Ayıklama
Geliştirici Araçları ile progresif web uygulamalarında hata ayıklama
Daha uzun uzatma hizmet çalışanı ömürleri
Uzantı hizmeti çalışanları artık etkinlik aldıkları sürece hayatta kalabilir. Bu, uzantı hizmeti çalışanlarının güvenilirliğini artırsa da kaçınmanız gereken bir tuzak teşkil eder.
Manifest V3'teki Dokümanların Ekran Dışı
Chrome uzantısı geliştirme için Offscreen Documents API'si tanıtımı.
Scrollend, yeni bir JavaScript etkinliği
Zaman aşımı işlevlerinizi silin ve hatalarını sallayın. İşte gerçekten ihtiyacınız olan etkinlik: Scrollend.
Chrome Android'deki web uygulamaları için temel çevrimdışı sayfası
Chrome 109'dan itibaren tarayıcı, Android'de yüklü bir web uygulaması kendi çevrimdışı deneyimine sahip olmadığında uygulamanın şu anda çevrimdışı olduğunu belirtmek için otomatik olarak bir varsayılan sayfa oluşturur.
CSS baş harfiyle açılır büyük harflerinizi kontrol edin
Büyük harflerinizin stilini belirlemek için ilginç çözümlere "Hoşça kal" deyin.
Uygun web'i keşfetme
Tarayıcınız hangi gelişmiş web özelliklerini destekliyor? Bu özelliklerden yararlanan web uygulamaları nelerdir? Bu soruları yanıtlamak için bir tarayıcı test sitesine ve tarayıcı uzantısına göz atın. Fugu Projesi, yeni uygulama sınıflarının web'de
Chrome 110 Beta
CSS ilk harfleri, web uygulaması başlatma işleyicisi, FedCM API için kaynaklar arası iframe desteği ve daha fazlası.
Sayfanın geri-ileri önbellekten geri yüklenebildiğinden emin olun
Bir sayfanın geri-ileri önbellekten geri yüklenip yüklenemeyeceğini test etmek için Lighthouse'u kullanma.
Çerez Geçerlilik Sonu ve Maksimum Yaş özelliklerinde artık üst sınır var
Chrome'un M104 sürümünden (Ağustos 2022) itibaren çerezler en fazla 400 gün ileride bir geçerlilik bitiş tarihi belirleyemez.
iFrame kimlik bilgisi yok: iframe'leri COEP ortamlarına kolayca yerleştirin
iFrame kimlik bilgisi içermeyen Chrome 110'da uygulanır. Geliştiricilere, yeni ve geçici bir bağlam kullanarak üçüncü taraf iframe'lere dokümanları yükleme olanağı sunar. Bunun karşılığında, söz konusu öğeler artık COEP yerleştirme kurallarına tabi değildir. COEP kullanan geliştiriciler artık kendileri COEP kullanmayan üçüncü taraf iframe'leri yerleştirebilir.
Kaynak Özel Dosya Sistemi tarafından desteklenen tarayıcıda SQLite Wasm
Tüm depolama alanınızı web'de etkili bir şekilde yönetmek için SQLite'i kullanın. SQLite, popüler, açık kaynak, hafif, yerleşik bir ilişkisel veritabanı yönetim sistemidir. Birçok geliştirici, verileri yapılandırılmış ve kullanımı kolay bir şekilde
Web Audio'da hedef çıkış cihazını değiştir
Web Audio'da ses çıkışı hedefini programatik olarak nasıl değiştireceğinizi öğrenin.
Chrome 109'daki yenilikler
Chrome 109 kullanıma sunulmaya başladı. Origin Private File System API artık Android'de kullanılabilir. CSS'de bir dizi yeni özellik var. MathML core desteği ile HTML'nize kolayca matematik gösterimleri ekleyebilirsiniz. Daha birçok özellik var.
Geliştirici Araçları'ndaki Yenilikler (Chrome 109)
Adımı Kaydedici'de komut dosyası olarak kopyalayın, performans kayıtlarındaki gerçek işlev adlarını ve daha fazlasını kaydedin.
renderNG ayrıntılı incelemesi: LayoutNG blok parçalanması
LayoutNG'de blok parçalama işlemi tamamlandı. Bu özelliğin işleyiş şeklini ve önemini öğrenmek için bu makaleyi inceleyin.
DevTools İpuçları: Project Fugu API'lerinde Hata Ayıklama
Project Fugu API'lerinde hata ayıklamak için Geliştirici Araçları'nı kullanın.
Chrome 110 sürüm planında değişiklik
Chrome 110'dan itibaren kullanıcıların küçük bir yüzdesine erken kararlı bir sürüm sunulacaktır.
Chrome sürüm kanalları nedir?
Chrome'un yeni özellikleri test etmek ve güncellemeleri kullanıma sunmak için Canary, Yeni geliştirilenler, Beta ve Kararlı sürüm kanallarını nasıl kullandığını öğrenin.
CSS İç İçe Yerleştirme söz diziminin seçilmesine yardımcı olun
CSS Çalışma Grubu, CSS'de iç içe yerleştirmeyi tanımlamanın en iyi yolu üzerine tartışmaya devam etmektedir. CSS yazarsanız yardımınıza ihtiyacımız var.
Chrome Dev Insider: Geçen yıl
Chrome Web Platformu ekibinden bir güncelleme: Geliştiricileri bakış açılarını, sohbetleri ve gelişmeleri paylaşmak için sahne arkasına davet ediyoruz.
Chrome Web Mağazası Politika Güncellemeleri
Chrome, yol gösterici ilkelerimizi net bir şekilde belirtecek, yaptırımla ilgili daha fazla bilgi sağlayacak ve politikalarımızın daha kolay anlaşılmasını sağlayacak şekilde Chrome Web Mağazası'nın Geliştirici Program Politikaları'nı güncelliyor.
Reklam alaka düzeyini en üst düzeye çıkarın
Üçüncü taraf çerezleri olmadan reklam alaka düzeyine yönelik Özel Korumalı Alan için yeni dokümanlar.
Geliştiricilerin Chrome'un Bellek ve Enerji Tasarrufu modları hakkında bilmesi gerekenler
Sayfanızın, Chrome'un yeni Bellek ve Enerji Tasarrufu modlarını sorunsuz şekilde işleyebilmesini nasıl sağlayacağınızı öğrenin.
Geliştirici Araçları İpuçları: Cihaz Modu
Geliştirici Araçları'nda Cihaz Modu ile mobil cihazları simüle edin.
Chrome Android'de Güvenli Ödeme Onayı
Güvenli Ödeme Onayı, geçiş anahtarlarının gücüyle web'e kimlik avına dirençli ödeme onayı getiriyor. Bu özellik, Chrome 109 sürümünden itibaren Chrome Android'de kullanıma sunulacaktır.
Chrome 109 Beta
MathML, getDisplayMedia() için koşullu odak, Android'de Kaynak Özel Dosya Sistemi ve daha fazlası.
Chrome Uzantıları: API'yi Anında Gezinme'yi destekleyecek şekilde genişletme
Uzantıları API'si, gezinmeleri önceden yükleyerek geri-ileri önbelleği destekleyecek şekilde güncellendi.
WebAuthn geçiş anahtarı otomatik doldurma özelliğiyle formlarda şifresiz oturum açma
WebAuthn koşullu kullanıcı arayüzü, kullanıcıların geleneksel şifre tabanlı akışta geçiş anahtarıyla sorunsuz bir şekilde oturum açabilmesi için tarayıcının form otomatik doldurma işlevinden yararlanır.
Chrome 108'deki yenilikler
Chrome 108 kullanıma sunulmaya başladı. Sayıları biçimlendirirken daha fazla kontrol sahibi olmanızı sağlayan yeni Uluslararası API'ler var. Kritik içerikleri kullanıcıya göstermeyi kolaylaştıran yeni Pop-up API için bir kaynak denemesi var. CSS ile ilgili birkaç iyileştirme mevcuttur. Dahası da var.
Chrome 109'daki ekran paylaşımı iyileştirmeleri
Web için iki ekran paylaşımı iyileştirmesinin ayrıntıları: Ekran paylaşımı sırasında sekme odağını kontrol etmeye yönelik bir mekanizma ve yerel ses çalmayı kontrol eden bir mekanizma.
Koşullu Odak ile daha iyi ekran paylaşımı
Web'de ekran paylaşımı sırasında bir sekme veya pencereye koşullu olarak odaklanma.
Geliştirici Araçları İpuçları: CSS iyileştirmelerini tanımlama
Olası CSS iyileştirmelerini belirlemek için CSS'ye Genel Bakış panelini kullanın.
Geçersiz, geçersiz kılınmış, etkin olmayan ve diğer CSS'leri bulma
CSS mülklerindeki sorunları bir bakışta tespit edin.
Geliştirici Araçları İpuçları: Geliştirici Araçları'nda daha hızlı gezinme
Kısayolları ve ayarları kullanarak Geliştirici Araçları'nda daha hızlı gezinme olanağı sunarak iş akışınızı nasıl hızlandıracağınızı öğrenin.
Tüm depolama alanları eşit değildir: kullanıma sunulan depolama paketleri
Storage Buckets, ağır bellek baskısı altında kalıcı depolama alanı çıkarma işlemlerinin daha tahmin edilebilir olmasını sağlayan bir API'dir.
Chrome Web Mağazası Politika Güncellemeleri
Chrome, yol gösterici ilkelerimizi net bir şekilde belirtecek, yaptırımla ilgili daha fazla bilgi sağlayacak ve politikalarımızın daha kolay anlaşılmasını sağlayacak şekilde Chrome Web Mağazası'nın Geliştirici Program Politikaları'nı güncelliyor.
Android'deki Chrome'da, görüntü alanını yeniden boyutlandırma davranışında yapılacak değişikliklere hazırlanma
Chrome 108'de görüntü alanı yeniden boyutlandırma davranışında yapılacak değişiklikler, Chrome'un bu değişikliği neden yaptığı ve hazırlanmak için neler yapabileceğiniz.
Chrome 108 Beta
Yeni CSS görüntü alanı birimleri, Federated Credential Management API, Değişken COLRv1 yazı tipleri ve daha fazlası.
Manifest - input_components
manifest.json dosyasınıninput_components özelliği için referans dokümanları.
Ödeme İşleyici API'sinin CanMakePayment etkinlik davranışında güncelleme
Ödeme İşleyici API'sindeki "canmakepayment" hizmet çalışanı etkinliği, satıcının, kullanıcının yüklü bir ödeme uygulamasında kayıtlı bir kartın olup olmadığını bilmesini sağlar. Chrome, etkinliğe ekli özellikleri kaldırıyor.
Geliştirici Araçları İpuçları: Geliştirici Araçları'nı açmanın farklı yolları
Chrome Geliştirici Araçları'nı açmanın tüm yollarını keşfedin.
Geliştirici Araçları'ndaki Yenilikler (Chrome 108)
Etkin olmayan CSS özellikleri, Kaydedici'deki yeni XPath ve metin seçiciler için ipuçları ve daha fazlası.
Zarar veren değişiklik: AccessHandles için senkronizasyon yöntemleri
Emscripten gibi bağlamlarda AccessHandles ile çalışmayı kolaylaştırmak için FileSystemSyncAccessHandle arayüz yöntemlerini eşzamanlı hale getiriyoruz.
Chrome 107'deki yenilikler
Chrome 107 kullanıma sunuluyor! Screen Capture API'de ekran paylaşımı deneyimlerini iyileştiren yeni özellikler mevcuttur.Artık sayfanızdaki bir kaynağın oluşturulmasını engelleyip engellemediğini kesin olarak belirleyebilirsiniz.Kaynak denemesindeki bildirim temelli PendingBeacon API ile bir arka uç sunucusuna veri göndermenin yeni bir yolu var. Dahası da var.
Web sitenizi daha okunabilir hale getirin
Geliştirici Araçları ile düşük kontrastlı metinleri bulup düzeltin.
Geliştirici Araçları İpuçları: Düşük kontrastlı metinleri keşfetme ve düzeltme
Düşük kontrastlı metinleri keşfetmek ve düzeltmek için Chrome Geliştirici Araçları'nı nasıl kullanacağınızı öğrenin.
Güven Jetonları, Gizlilik Jetonları olarak yeniden adlandırıldı
Trust Token API, gizlilik ve fayda avantajlarını daha iyi açıklamak için Private State Token API'nin adını değiştirecek.
Advanced Web Apps Fund - Güncelleme Ekim 2022
Bu çalışmanın önemini göstermek ve daha fazla kişinin projelere zaman ayırmasını sağlamak için Advanced Web Apps Fund aracılığıyla Open Collective aracılığıyla 100.000 ABD dolarından fazla para dağıtan 11 projeye sponsor olduk.
Chrome Geliştirici Araçları Kaydedici'nin ötesindeki kullanıcı akışlarını özelleştirin ve otomatikleştirin
Chrome Geliştirici Araçları Kaydedici'nin ötesinde kullanıcı akışlarını özelleştirmeyi ve otomatikleştirmeyi öğrenin.
Kapsayıcı sorgusu polyfill içinde
Kapsayıcı sorgusu çoklu dolgusunun eski tarayıcılara kapsayıcı sorgusu desteğini nasıl sunduğunu öğrenin.
CSS iç içe yerleştirme anket sonuçları için söz dizimi seçmeye yardımcı olma
7.590 geliştirici fikrinin sonuçlarını görün.
Chrome uzantısı geliştirme yolculuğunuza başlamanın yeni bir yolu
Chrome geliştiricilerinin öğrenme yolculuğuna başlamanın daha iyi bir yolu.
CSS'deki değiştirilen öğelerde taşma değişikliği
CSS davranışında, istenmeyen taşmaya neden olabilecek bir değişikliğe dair gelişmiş uyarı.
Chrome Dev Insider: Performansı çerçeve ekosistemiyle ölçeklendirme
Chrome Web Platformu ekibinden bir güncelleme: Geliştiricileri bakış açılarını, sohbetleri ve gelişmeleri paylaşmak için sahne arkasına davet ediyoruz.
Fugu Projesi bitti mi?
Bu makale, Project Fugu ekibinin yeni özellikleri uygulamaktan, mevcut özellikleri iyileştirip iyileştirmeye odaklanmasına odaklanmaktadır.
Her sayfada komut dosyası çalıştırma
Mevcut web sayfalarına otomatik olarak yeni öğeler eklemeyi öğrenin.
Sekmeleri yönetme
Sekme gruplarını kullanarak sekmeleri programatik olarak nasıl düzenleyeceğinizi öğrenin.
Ödeme İşleyici API'si için CSP connect-src gerekir
İGP kullanıyorsanız Ödeme İşleyici API'si kullanıcılarının, ödeme uç noktasını "connect-src" yönergesine eklemesi gerekir.
Gizliliği korumaya yönelik ekran paylaşımı denetimleri
Web'de gizliliği korumaya yönelik ekran paylaşımı denetimleri sayesinde kullanıcıyı aşırı paylaşımdan uzaklaştırın.
Chrome 107 Beta
Ekran Yakalama API'sine yapılan eklemeler, CSS ızgara şablonu özellikleri interpolasyonu ve daha fazlası.
Ekran paylaşımı sırasında aşırı paylaşımdan kaçının
Web platformu artık gizliliği korumaya yönelik ekran paylaşımı için ek kontroller sunuyor.
Manifest V3'e geçişle ilgili daha fazla ayrıntı
Uzantıları Manifest V3'e taşıma planıyla ilgili yeni ayrıntılar
Geliştirici Araçları İpuçları: Kullanıcı akış kayıtlarını düzenleme, hata ayıklama ve dışa aktarma
Kullanıcı akış kayıtlarını düzenlemek, dışa aktarmak ve düzenlemek için Kaydedici panelini ve uzantılarını kullanın.
Chrome 106'daki yenilikler
Chrome 106 kullanıma sunulmaya başladı. Sayıları biçimlendirirken daha fazla kontrol sahibi olmanızı sağlayan yeni Uluslararası API'ler var. Kritik içerikleri kullanıcıya göstermeyi kolaylaştıran yeni Pop-up API için bir kaynak denemesi var. CSS ile ilgili birkaç iyileştirme mevcuttur. Dahası da var.
Chrome milyarlarca kullanıcı için güncellemeleri nasıl hazırlıyor?
"Chrome sürüm ekibindeki Teknik Program Yöneticileriyle konuşurken, her sürümün sorunsuz bir şekilde ilerlemesini nasıl sağladıklarını öğreniyorlar."
Geliştirici Araçları'ndaki Yenilikler (Chrome 107)
Klavye kısayollarını özelleştirin, Bellek Denetleyicisi'nde C/K nesnelerini vurgulayın ve daha fazlasını yapın.
Geliştirici Araçları'ndaki Yenilikler (Chrome 106)
Modern web'de hata ayıklama için daha iyi destek, Performans Analizleri'nde LCP zamanlamaları dökümü ve daha fazlası.
Çoklu dolgu büyük bir güncelleme alırken, kapsayıcı sorguları kararlı tarayıcılarda çalışmaya başlar
"Kapsayıcı sorguları, bileşenlerin içine sığdıkları alana göre kendi duyarlı stil belirleme bilgilerinin olmasını sağlar. Bu özellik modern tarayıcılarda kullanıma sunulmaya başlıyor ve çoklu doldurma desteği için büyük bir güncelleme yapıldı."
Pop-up'lar: Yeniden canlanıyor!
Platforma gelecek yeni yerleşik API'ler sayesinde sorunlu bir kalıp çok daha kolay hale geldi.
C/C++ hata ayıklaması için Bellek Denetleyicisi'ni genişletme
Bellek Denetleyicisi ile WebAssembly uygulamalarında hata ayıklamayı nasıl iyileştirdiğimizi öğrenin
Geliştirici Araçları İpuçları: CSS flexbox'ı denetleme ve hata ayıklama
CSS flexbox düzenlerini incelemek, değiştirmek ve hata ayıklamak için Chrome Geliştirici Araçları'nı nasıl kullanacağınızı öğrenin.
Chrome 106'da kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 106'daki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Anonim iframe kaynak denemesi: iframe'leri COEP ortamlarına kolayca yerleştirme
COEP kullanan geliştiriciler artık kendileri COEP kullanmayan üçüncü taraf iframe'leri yerleştirebilir. Anonim iframe kaynak denemesi, Chrome'da 106 ile 108 arasındaki sürümlerde test etmek için kullanılabilir.
Örnek Olay: Geliştirici Araçları ile Daha İyi Angular Hata Ayıklama
Chrome Geliştirici Araçları ve Angular ekipleri, test pilotu olarak Angular'ı kullanarak size daha iyi bir hata ayıklama deneyimi sunmak için iş birliği yaptı. Diğer çerçeveler de benzer değişiklikler sağlayabilir.
Chrome Geliştirici Araçları'nda modern web hata ayıklaması
Chrome Geliştirici Araçları'nda yapılan ve paketleyiciler, çerçeveler ve üçüncü taraf kodlarla çalışırken hata ayıklama ve profil oluşturma deneyiminizi iyileştiren son değişikliklerden bazılarına göz atın.
Web SQL'in kullanımdan kaldırılması ve kaldırılması
Web SQL ilk olarak Nisan 2009'da kullanıma sunulmuş ve Kasım 2010'da kullanıma sunulmuştur. Başlangıçta güvenli olmayan bağlamlarda, ardından Chrome 119'dan itibaren tamamen Chrome'dan adımlar halinde kaldırıldı.
Chrome 105'teki yenilikler
Chrome 105 kullanıma sunulmaya başladı. Kapsayıcı sorguları ve :has(), duyarlı ortamlarda yapılan eşleşmelerdir. Yeni Sanitizer API, siteler arası komut dosyası çalıştırmayla ilgili güvenlik açıklarını azaltmaya yardımcı olmak üzere rastgele dizeler için güçlü bir işlemci sağlar. WebSQL'yi kullanımdan kaldırma yolunda bir adım daha atıyoruz. Dahası da var.
Compion Streams API ile tarayıcıda sıkıştırma ve sıkıştırmayı açma
Kendi sıkıştırma veya sıkıştırma açma kitaplıklarını göndermesi gerekmeyen daha küçük web uygulamaları yazma Compression Streams API, gzip veya deflate (veya deflate-raw) biçimlerini kullanarak veri akışlarını sıkıştırmak ve sıkıştırılmış verileri
Açısal Resim Yönergesi ile Resimleri Optimize Etme
Angular uygulamalarındaki resimlere yerleşik performans optimizasyonu tekniklerini getiren yeni Angular resim yönergesini (NgOptimizedImage) kullanıma sunuyoruz.
DevTools İpuçları: Konsol kısayollarıyla iş akışınızı hızlandırma
En yeni öğelere, sorgu nesnelerine, izleme etkinlikleri ile işlev çağrılarına ve daha fazlasına hızla başvurmak için Console Utilities API tarafından sağlanan kısayolları kullanın.
Üst katmanla tanışın: Z-endeksi:10000 için bir çözüm
Platforma gelen yeni yerleşik bileşenler ve API'lerle birlikte kullanmamızı sağlayan bu "Üst katman" nedir?
HTTP/2 sunucu itme özelliğini Chrome'dan kaldırma
Chrome 106'da HTTP/2 Server Push varsayılan olarak devre dışı bırakılır
Geliştirici Araçları İpuçları: CSS ızgarasını denetleme
CSS ızgara düzenlerini görüntülemek ve değiştirmek için Chrome Geliştirici Araçları'nı nasıl kullanacağınızı öğrenin.
Tarayıcılar üçüncü taraf kaynaklarının yüklenmesini optimize edebilir mi?
Web'de üçüncü taraf kaynaklarının daha iyi yüklenmesi için değişiklikleri uygulama
Geliştirici Araçları'ndaki Yenilikler (Chrome 105)
Kaydedici'de etkinlikleri adım adım tekrar oynatma ve fareyle üzerine gelme etkinlikleri, performans analizleri panelinde LCP ve daha fazlası desteklenir.
Geliştirici Araçları İpuçları: CSS animasyonlarını denetleme ve değiştirme
CSS animasyonlarını, geçişlerini ve diğer öğeleri incelemek ve değiştirmek için Animasyonlar sekmesini kullanın.
Geliştirici Araçları İpuçları: Web sitenizin performansıyla ilgili uygulanabilir analizler elde edin
Yeni performans analizleri paneli sayesinde web sitenizin performansı hakkında harekete geçirici analizler elde edin
Chrome 105'teki kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 105'teki kullanımdan kaldırma ve kaldırma işlemlerinin bir özeti.
Chrome 105'te NavigationEvent değişiklikleri
Gezinme API'sı, NavigationEvent'te iki yeni yönteme sahip olur: camgöbeğinden, geçişe (eski) (veya) yerini, .
:has(): aile seçici
Chromium 105'te :has() açılışı ile. CSS'mize getirdiği muhteşem fırsatlardan bazılarına göz atalım.
@container ve :has(): Chromium 105'e çıkan iki güçlü yeni ve duyarlı API
"Container sorguları ve :has(), duyarlı bir ortam sunar. Neyse ki bu özelliklerin ikisi de Chromium 105'te birlikte kullanıma sunuluyor. Bu, duyarlı arayüzler için çok istenen iki özelliğin yer aldığı büyük bir sürümdür."
Chrome 104'teki yenilikler
Chrome 104 kullanıma sunulmaya başladı! Bölge yakalama, geçerli sekmeyi yakalamak için getDisplayMedia() işlevi kullanılırken bir kırpma alanı belirtir. Medya sorgusu söz dizimi, matematiksel karşılaştırma operatörleri kullanılarak yazılabilir. Paylaşılan Öğe Geçişleri bir kaynak denemesi başlatır. Dahası da var.
Async Clipboard API için web özel biçimleri
Web özel biçimleri, web sitelerinin standart bir biçim kullanarak rastgele, temizlenmemiş yükleri okumasına ve yazmasına olanak tanır. Uygulamalar bu tür yükleri desteklemeyi etkinleştirebilir.
Chrome Web Mağazası Geliştirici Kontrol Paneli'nde Analytics'i Yenileme
Google, Chrome Web Mağazası Geliştirici Kontrol Paneli için yenilenmiş bir öğe analizi deneyimini kullanıma sunuyor. Yeni kontrol paneli bir bakışta daha kolay anlaşılır ve en yararlı bilgileri en baştan bir araya getiriyor.
DevTools İpuçları: Konsolda mesajları günlüğe kaydetme
Değişkenleri, nesneleri ve mesajları günlüğe kaydetmek, mesajları filtrelemek, gruplandırmak ve daha pek çok işlem yapmak için Console'u kullanın.
CSS iç içe yerleştirme için söz dizimi seçimine yardımcı olun
Birbiriyle rekabet eden iki söz diziminin, bir spesifikasyon adayı tarafından hangisinin desteklenmesi gerektiğini belirleme konusunda yardımınıza ihtiyaç var.
Chrome Geliştirici Araçları'nda üst katman desteği
En üst katmanı keşfedin ve Chrome Geliştirici Araçları'nın bu katmanı nasıl desteklediğini öğrenin.
Chrome'un 2022 Web Çerçevesi Finansmanı Hakkında Güncelleme
Chrome'un web çerçevesi fonunun alıcılarıyla ilgili bir güncellemeyi paylaşıyoruz
Geliştirici Araçları İpuçları: Geliştirici Araçları ile CSS kullanıcı tercihi medya özelliklerini emüle etme
Kullanıcı tercihlerinin emülasyonunu yapmak ve web sitenizin kullanıcıya göre uyarlanan davranışını test etmek için Oluşturma sekmesini kullanın.
Geliştirici Araçları'ndaki Yenilikler (Chrome 104)
Hata ayıklama sırasında kareyi yeniden başlatın, Kaydedici panelinde yavaş tekrar oynatma seçenekleri ve daha fazlası.
Chrome Dev Insider: CSS ve kullanıcı arayüzü sürümü
Chrome Web Platformu ekibinden bir güncelleme: Geliştiricileri bakış açılarını, sohbetleri ve gelişmeleri paylaşmak için sahne arkasına davet ediyoruz.
İmzalı Takaslar masaüstü siteleri için kullanıma sunuldu
Masaüstündeki Chromium tarayıcılar için İmzalı Takas desteği ve en son özellik lansmanları duyuruldu.
Geliştirici Araçları İpuçları: CSS kapsayıcı sorgularını denetleme
Geliştirici Araçları ile CSS kapsayıcı sorgularını inceleyip hata ayıklayın.
CSS kapsayıcı sorgularını inceleme ve hata ayıklama
CSS kapsayıcı sorgularını incelemek, değiştirmek ve hata ayıklamak için Chrome Geliştirici Araçları'nı nasıl kullanacağınızı öğrenin.
Chrome 104'te kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak amacıyla Chrome 104'teki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Chrome 103'teki yenilikler
Chrome 103 kullanıma sunuluyor! Tarayıcının, sayfa henüz gelmeye başlamadan önce hangi içeriğin önceden yükleneceğine karar vermesine yardımcı olan yeni bir HTTP durum kodu bulunmaktadır. Local Font Access API'si, web uygulamalarına kullanıcının bilgisayarında yüklü yazı tiplerini numaralandırma ve kullanma olanağı verir. Eşzamansız API'lerde zaman aşımlarını uygulamanın daha kolay bir yolu vardır. Dahası da var.
Geliştirici Araçları'ndaki Yenilikler (Chrome 103)
Çift tıklama ve sağ tıklama etkinliklerini, Lighthouse'da kullanıcı akışını ölçmeye yönelik yeni seçenekleri ve daha fazlasını kaydedin.
Chrome 102'deki yenilikler
Chrome 102 kullanıma sunuluyor! Yüklü PWA'lar dosya işleyicileri olarak kaydedilebilir. Böylece kullanıcılar, dosyaları doğrudan diskten açabilir. Asal özelliği, DOM'un bazı bölümlerini durağan olarak işaretlemenize olanak tanır. Gezinme API'sı, tek sayfalık uygulamaların URL'de gezinmeyi ve URL güncellemelerini işlemesini kolaylaştırır. Dahası da var!
Erişilebilirlik özellikleri referansı
Chrome Geliştirici Araçları'ndaki erişilebilirlik özelliklerine kapsamlı bir referans.
Performans analizlerini nasıl ve neden oluşturduk?
Performans Analizleri panelini nasıl ve neden oluşturduk?
Güvenli Ödeme Onayı Kaydet
Müşterilerin doğrudan bir satıcıdan kart veren kuruluşlar veya bankalara karşı güçlü bir şekilde kimlik doğrulaması yapabilmesi için SPC kayıt protokollerini ve akışını uygulayın.
Güvenli Ödeme Onayı ile kimliğinizi doğrulayın
Müşteri işlemlerini doğrulamak amacıyla SPC için kimlik doğrulama protokolleri uygulayın.
Güvenli Ödeme Onayı
Ödeme hizmeti sağlayıcılarla güvenli kimlik doğrulaması gerçekleştirmek için önerilen bir web standardına üst düzey genel bakış.
WebAssembly Taşıma Rehberi
Tarayıcılar arası WebAssembly desteğinin ivmesi göz önüne alındığında, yerel kod çalışmalarımızı bundan sonra WebAssembly'e odaklamayı ve 2019'un 4. çeyreğinde PNaCl desteğini (Chrome uygulamaları hariç) kaldırmayı planlıyoruz. Yaşam gücümüzün
Chrome 103'te kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak amacıyla Chrome 103'teki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Sonraki Boyamayla Etkileşim (INP) aracı desteği
Chrome performans araçlarında sonraki boyamayla etkileşim için destek.
Akışları olan daha hızlı çok sayfalı uygulamalar
Neredeyse anında oluşturulan hızlı deneyimler oluşturmak amacıyla, Service Worker önbelleğinden kısmi işaretleme ve ağdan kısmi içerik kullanan çok sayfalı uygulamalar oluşturmak için iş kutusu akışlarını nasıl kullanabileceğinizi öğrenin.
Chrome'da özel önceden getirme proxy'si
Siteler arası önceden getirme özelliğiyle Largest Contentful Paint'i (LCP) hızlandırma.
Ağ yöneticileri için Chrome'da özel önceden getirme proxy'si
Önceden getirilen gezinmelerde içeriklerin nasıl filtreleneceğine dair genel bakış.
Geliştirici Araçları'ndaki Yenilikler (Chrome 102)
Yeni performans analizleri paneli, açık/koyu tema emülasyonu kısayolları ve daha fazlası.
WebAssembly Hatalarını Daha Hızlı Ayıklama
Büyük uygulamalar için WebAssembly hata ayıklamasını nasıl hızlandırıyoruz?
Yakalama Tutma Yeri ile daha iyi sekme paylaşımı
Web platformunda artık Yakalama Tutma Yeri bulunmaktadır. Bu mekanizma, yakalanan web uygulamasının yakaladığı web uygulaması etkinleştirildiyse, yakalanan web uygulamasının, yakalanan web uygulamasını ergonomik ve güvenli bir şekilde tanımlamasını sağlar.
Gelişmiş Web Uygulamaları Fonu
Gelişmiş Web Uygulamaları Fonu kullanıma sunuluyor ve web'i daha güçlü hale getirenler destekleniyor.
DOM nesnelerinin özelliklerini görüntüleme
DOM nesnelerinin özelliklerini görüntüleyin ve filtreleyin.
Geri-ileri önbelleği test et
Sayfalarınızın geri-ileri önbelleğe alma için optimize edildiğinden emin olun.
Chrome 101'deki yenilikler
Chrome 101 şimdi hwb gösterimiyle rengin belirtilmesi için yeni bir yöntemle kullanıma sunuluyor ve getirme önceliği, kaynakları indirmek için ideal sırayı tarayıcıya vermek için bir yol sunuyor. Dahası da var!
Daraltılmış içeriği private=until-found ile erişilebilir hale getirme
Bu yeni özellik değerinin, akordeon bölümlerindeki içeriğin bulunmasını ve bağlanmasını nasıl sağlayabileceği.
İmzalanmış Takasları Kullanarak LCP'yi Optimize Etme
İmzalı takas, web geliştiricilerinin Google Arama gibi SXG yönlendirenlerinden gelen sayfa yükleme hızını önemli ölçüde iyileştirmelerine olanak tanıyan bir araçtır. Yalnızca bir onay kutusu ile etkinleştirilmeleri yararlı olabilirler, ancak bunlardan en iyi şekilde yararlanmak için ek adımlar uygulayabilirsiniz.
İzinler Politikası ile tarayıcı özelliklerini kontrol etme
Sayfanızın ve yerleştirilmiş üçüncü taraf iframe'lerin tarayıcı özelliklerine erişme şeklini yönetin.
renderNG ayrıntılı incelemesi: BlinkNG
BlinkNG ve Blink kodunun organizasyonu ve yapısındaki uzun süredir devam eden sorunları ele alan çeşitli alt projeler hakkında bilgi edinin.
İçerikleri sitenize güvenli bir şekilde yerleştirin
İçerik yerleştirmek için kullanılan birden çok HTML öğesi ve güvenlik için nasıl optimize edileceği hakkında bilgi edinin.
Chrome Dev Insider ile tanışın
Chrome'un Web Platformu ekibi tarafından hazırlanan ve geliştiricileri bakış açılarını, sohbetleri ve gelişmeleri paylaşmak üzere sahne arkasına davet ettiğimiz yeni bir seri.
Oluşturma performansıyla ilgili sorunları tespit edin
Nokta yeniden boyama, düzen kaymaları, katmanlar ve kutular, kaydırma sorunları, oluşturma istatistiklerini ve Önemli Web Verileri'ni görün.
CSS medya özellikleri emülasyonu
Preferreds-color-scheme, medya türü, zorlama-renkler, kontrast tercih ediyor, tercih-edilen-hareket, renk gamı emülasyonu.
Geliştirici Araçları'ndaki Yenilikler (Chrome 101)
Kullanıcı akışını JSON olarak içe ve dışa aktarın, hwb() renklerini destekleyin, Stiller bölmesinde basamaklı katmanları görüntüleyin ve daha fazlasını yapın.
Chrome 101'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 101'deki kullanımdan kaldırma ve kaldırma işlemlerinin bir özeti.
Chrome 102'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak amacıyla Chrome 102'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
#100CoolWebMoments ile Chrome 100'e geçiş
Bellek sokağında Chrome 100 sürümünün lansmanını kutluyoruz.
Chrome 100'deki yenilikler
Chrome 100, üç haneli bir sürüm numarasıyla kullanıma sunuluyor. Bellek sokağında bir yürüyüşe çıkın ve Chrome'un ilk kullanıma sunulmasından bu yana #100CoolWebMoments etkinliğini kutlayın. Kullanıcı aracısı dizesinde bazı önemli değişiklikler var. Multi-Screen Window Placement API, kullanıcının makinesine bağlı ekranları numaralandırmayı ve belirli ekranlara pencere yerleştirmeyi mümkün kılar. Dahası da var!
Performans analizleri: Web sitenizin performansıyla ilgili uygulanabilir analizler elde edin
Performans analizleri paneli ile web sitenizin performansı hakkında harekete geçirici analizler elde edin.
Geliştirici Araçları'ndaki Yenilikler (Chrome 100)
@supports özelliklerini kurallarda görüntüleyip düzenleyebilir, kaydın seçicisini yeniden adlandırıp özelleştirip daha birçok işlem yapabilirsiniz.
Chrome 100'de kullanımdan kaldırma ve kaldırma işlemleri
Planlamanıza yardımcı olmak için Chrome 100'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Chrome 99'daki yenilikler
Chrome 99 kullanıma sunulmaya başladı! CSS basamaklı katmanları, CSS'niz üzerinde daha fazla kontrol sahibi olmanızı sağlar ve stile özgülük çakışmalarını önlemenize yardımcı olur. showChooseer() yöntemi; tarih, renk ve veri listesi gibi giriş öğeleri için programatik olarak bir tarayıcı seçici göstermenizi sağlar. Chrome ve Firefox'un 100 sürümüne yalnızca haftalar kaldı. Dahası da var!
Next.js'de üçüncü taraf komut dosyasının yüklenmesini optimize etme
Bu makalede, Next.js Komut Dosyası bileşeni ele alınmış ve bu bileşenin, üçüncü taraf komut dosyalarını daha iyi sıralamak için nasıl kullanılabileceği gösterilmektedir.
Geliştirici Araçları'ndaki Yenilikler (Chrome 99)
WebSocket isteklerini kısıtlama, yeni Reporting API bölmesi, konsol stili ve daha fazlası.
CSS flexbox düzenlerini inceleme ve hata ayıklama
CSS flexbox düzenlerini incelemek, değiştirmek ve hata ayıklamak için Chrome Geliştirici Araçları'nı nasıl kullanacağınızı öğrenin.
Chrome 99'da kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 99'daki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Eklentileri kullanma
Workbox birçok kullanıma hazır yardımcı program sunsa da uygulamanızın gereksinimlerini karşılamak için program kapsamını genişletmeniz gereken zamanlar olabilir. Workbox'ın eklenti mimarisi bu noktada faydalı olabilir.
Chromium Chronicle #28: iOS'te Chrome'u kullanmaya başlama
Chrome iOS uygulamasının arkasındaki kodla nasıl çalışacağınızı öğrenin.
Basamaklı katmanlar tarayıcınıza geliyor
"Basamaklı katmanlar, kodunuzun basamak önceliğini yönetmenize yardımcı olacak yeni bir CSS API'sidir ve yakında tüm modern tarayıcılarda kullanıma sunulacaktır."
Chrome 98'deki yenilikler
Chrome 98 kullanıma sunuluyor! Otomatik Koyu Tema kaynak denemesine kaydolduysanız öğe başına seviyeyi devre dışı bırakmanın yeni bir yolu vardır. COLRv0 yazı tipi biçiminin yeni bir sürümü olan COLRv1 artık desteklenmektedir. Dahası da var.
İzin isteği çipi
Chrome 98, konum çubuğuna izinler için özel bir alan ekler. Bu alan, istemlerin daha az talepkar hale getirilerek karar verme konusundaki ısrarcı algıyı azaltmayı amaçlar.
Tarih, saat, renk ve dosyalar için bir tarayıcı seçici göster
Web platformu artık tarayıcı seçici göstermek için standart bir yöntemle çalışmaktadır.
Geliştirici Araçları'ndaki Yenilikler (Chrome 98)
Tam sayfa Erişilebilirlik ağacı, Değişiklikler sekmesinde daha kesin değişiklikler ve daha fazlası.
Chrome, aynı kaynak politikasını gevşetmek için document.domain alanının değiştirilmesini devre dışı bırakacak
Web siteniz "document.domain" özelliğinin ayarlanmasını gerektiriyorsa işlem yapmanız gerekir.
Chrome 98'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 98'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Chrome 98'de COLRv1 Renk Gradyan Vektör Yazı Tipleri
Chrome 98'de Chrome ve Fonts ekipleri, COLRv0 yazı tipi biçiminin renk geçişlerini, birleştirme ve karıştırma ekleyerek yaygınlaştırmasını ve iyi sıkıştırılan net ve kompakt yazı tipi dosyaları için iyileştirilmiş dahili şekillerin yeniden kullanılmasını sağlamak üzere COLRv0 yazı tipi biçiminin geliştirilmesi için destek ekledi.
Özel Ağ Erişimi: ön kontroller kullanıma sunuluyor
Chrome, Özel Ağ Erişimi spesifikasyonu kapsamında, güvenli olmayan herkese açık web sitelerinden özel ağ uç noktalarına erişimi kullanımdan kaldırıyor. Önerilen işlemler için okumaya devam edin.
Chrome 97'deki yenilikler
Chrome 97 kullanıma sunuluyor! Web Transport'u kullanarak istemci ile sunucu arasında gerçek zamanlı iletiler göndermek için yeni bir seçenek bulunuyor. Bir tarayıcının desteklediği komut dosyası türlerini görmek için özellik algılamayı kullanabilirsiniz. JavaScript daha da iyileşmektedir ve çok daha fazlası bulunmaktadır.
İşleyici API'sini Başlatma
Başlatma işleyicisi, uygulamanızın nasıl başlatılacağını (örneğin, mevcut bir pencereyi mi yoksa yeni bir pencereyi mi kullanacağını ve seçilen pencerenin başlatma URL'sine yönlendirip yönlendirmediğini) kontrol etmenize olanak tanır.
Chrome Geliştirici Araçları'ndaki tam erişilebilirlik ağacı
Geliştirici Araçları'ndaki yeni tam sayfa erişilebilirlik ağacını ve bu ağacın tasarımını ve uygulamasını inceleyin.
Yedek yanıtları yönetme
Kullanıcılar bazen ağ hatalarıyla karşılaşır veya çevrimdışı olur. Bu durumlara nasıl uyum sağlayacağınızı ve nasıl yedek yanıt sağlayacağınızı öğrenin.
Tekrar internete bağlandığında istekleri yeniden deneme
Bazen kullanıcılar çevrimdışı olur. Sürece nasıl uyum sağlayacağını ve internete tekrar döndüklerinde isteklerini devam ettirmelerine nasıl yardımcı olacaklarını öğrenin.
Çalışma zamanı sırasında kaynakları önbelleğe alma
Kaynaklar arası kaynaklar dahil çalışma zamanı boyunca önbelleğe alma kaynaklarının nasıl yönetileceğini öğrenin.
Önbelleklere pencereden erişme
Önbellek örneklerine erişim yalnızca hizmet çalışanı kapsamıyla sınırlı değildir. Bu seçeneklere pencere bağlamından da erişebilirsiniz. Bu makalede, bunu nasıl yapacağınızı öğreneceksiniz.
Önbelleğe alınan ses ve video yayınlanıyor
Service Worker'da ses ve görüntü kaynağı isteklerinin işlenmesi zordur. Bu tür istekleri öngörülebilir bir şekilde ele almak için çalışma kutusu-aralık-isteğinin nasıl kullanılacağını öğrenin.
Ağ zaman aşımını zorunlu kılma
Yavaş ağ bağlantılarında ağ zaman aşımını nasıl zorunlu kılacağınızı ve zamanlamayı nasıl doğru ayarlayabileceğinizi öğrenin.
Hizmet çalışanı güncellemelerini anında ele alma
Bazen bir hizmet çalışanını güncellediğinizde bunu kullanıcılara bildirmeniz yararlı olur. Burada bunu nasıl yapacağınızı öğreneceksiniz.
Çalışma kutusu penceresini kullanma
Bazen kullanıcılar çevrimdışı olur. Sürece nasıl uyum sağlayacağını ve internete tekrar döndüklerinde isteklerini devam ettirmelerine nasıl yardımcı olacaklarını öğrenin.
Geliştirici Araçları'ndaki Yenilikler (Chrome 97)
Yeni Kaydedici paneli, Cihaz Modu'nda cihaz listesini yenileme ve daha fazlası.
Geliştiricilerin güçlü, yüklenebilir web uygulamaları geliştirmesine yardımcı olma
Chrome'a eklenen PWA özelliklerinin etkisine bir bakış.
Chrome 97'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 97'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Chrome 96'daki yenilikler
Chrome 96 kullanıma sunulmaya başladı! Web uygulaması manifest dosyasında iki yeni özellik var. id özelliği, PWA'nız için benzersiz bir kimlik belirlemenize olanak tanırken, Protocol_handlers özelliği, yükleme sonrasında PWA'nızı otomatik bir şekilde protokol işleyici olarak kaydetmenizi sağlar. Kaynakları indirmek için getirme önceliğini belirtmenize olanak tanıyan yeni bir kaynak denemesi var. Dahası da var!
Lighthouse 9.0'daki yenilikler
Lighthouse 9.0, yenilenmiş bir rapor ve kullanıcı akışları için desteğin önizlemesiyle birlikte geliyor.
Sorun giderme ve günlük kaydı
Workbox'ın günlük kaydı özelliklerine ve tarayıcı içi hizmet çalışanı hata ayıklama araçlarına göz atın.
Önbelleğe alma için yapılması gerekenler ve yapılmayacaklar
Önbelleğe almayla ilgili yapılması ve yapılmaması gerekenler hakkında bilgi edinin.
Ağ öncelikli HTML için Gezinme Önceden Yükleme
Gezinme Önceden Yüklemesinin ne olduğu, gezinmeleri nasıl hızlandırabileceği ve Çalışma Kutusu'nda nasıl kullanılacağı.
Çalışma Kutusu ile önbelleğe alma
Workbox'ı kullanarak Service Worker'daki öğeleri önceden önbelleğe almayı öğrenin.
Service Worker'lar ve uygulama kabuğu modeli
Uygulama kabuk modelini SPA'nızdaki bir hizmet çalışanıyla nasıl eşleyebilirsiniz?
Kullanıcı akışlarını kaydetme, tekrar oynatma ve ölçme
Kaydedici paneliyle kullanıcı işlemleri akışını kaydedin, tekrar oynatın, ölçün ve adımlarını düzenleyin.
Chrome Geliştirici Araçları'nda İGP ve Trusted Types hata ayıklamasını uygulama
Chrome Geliştirici Araçları'nda İçerik Güvenliği Politikası ve Güvenilir Türlerle ilgili hata ayıklama sorunlarını nasıl uyguluyoruz?
User-Agent dizesinde Chrome ana sürümünü 100'e zorla
Kısa bir süre sonra Chrome sürüm numarası iki basamaktan üçe çıkar. Bu durum, User-Agent (UA) dizesini ayrıştıran tüm kodları etkileyebilir. Chrome 96 ile 99 arasında kullanılabilen bir özellik işareti, UA dizesindeki ana sürüm numarasını 100'e zorlayarak erken test yapılmasını sağlar.
EyeDropper API ile ekrandaki herhangi bir pikselin renklerini seçme
Reklam öğesi uygulaması geliştiricileri, kullanıcının tarayıcı dışındakiler de dahil olmak üzere ekranlarındaki piksellerden renk seçmesine olanak tanıyan bir seçici uygulamak için EyeDropper API'yi kullanabilir.
Etkili bir Resim Bileşeni oluşturma
Resimler, web uygulamaları için performans sorunlarının yaygın bir kaynağıdır ve optimizasyon için temel odak noktalarından biridir. Bu dokümanda, Google'daki Aurora ekibinin, Next.js'de geliştirici dostu bir arayüz kullanarak çeşitli optimizasyonlarla yerleşik olarak bulunan güçlü bir görsel bileşenini nasıl tasarladığı açıklanmaktadır. Bu yayında, bileşenin nasıl tasarlandığı ve süreç boyunca aldığımız dersler ele alınmaktadır.
Geliştirici Araçları'ndaki Yenilikler (Chrome 96)
Yeni CSS Genel Bakış paneli, CSS emülasyonu kullanılan kontrast medya ve Chrome'un otomatik koyu modu ve daha fazlası.
Chrome 96'da kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 96'daki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
CSS'ye Genel Bakış: CSS iyileştirmelerini belirleme
CSS'ye Genel Bakış paneliyle olası CSS iyileştirmelerini belirleyin.
Hizmet çalışanı geliştirme deneyimini iyileştirme
Service Worker'ları kullanırken karşılaşabileceğiniz yerel geliştirme sorunlarından bazılarını çözme.
Service Worker dağıtımıyla ilgili beklentiler
Dağıtıldıktan sonra Service Worker'ın web sitesi üzerindeki etkisini anlama.
Reporting API ile web uygulamanızı izleme
Güvenlik ihlallerini, kullanımdan kaldırılan API çağrılarını ve daha fazlasını izlemek için Reporting API'yi kullanın.
Reporting API v1'e geçin
Reporting API'nin yeni bir sürümü mevcut. Yeni API daha yalındır ve tarayıcılar arasında desteklenme olasılığı daha yüksektir.
Chrome 95'teki yenilikler
Chrome 95 kullanıma sunuldu! URLPattern'in tarayıcıya yerleştirilmesiyle yönlendirme daha kolay hale gelir. Eye Dropper API, renkleri seçmek için yerleşik bir araç sağlar, kısaltılmış UA dizesini almak için artık yeni bir kaynak denemesi ve daha fazlası bulunmaktadır.
renderNG ayrıntılı incelemesi: LayoutNG
LayoutNG'nin büyük mimari değişikliği, çeşitli hataları ve performans sorunlarını nasıl azaltıp azalttığını öğrenin.
Chromium Chronicle #25: İş Parçacığı Güvenliğiyle İlgili Ek Açıklamalar
Clang''ın statik analiz çerçevesinin iş parçacığı güvenliği kanıtları zahmetini nasıl ele aldığını öğrenin.
Chrome kullanıcı cihazı özellikleri raporu
Geliştiriciler, ne tür bir kitle için geliştirdiklerini sürekli merak eder. RAM'leri ne kadar? Ne tür bir kablosuz ağa bağlılar? Yeni bir rapor, bir dizi ülke ve platformla ilgili yanıtlar sunuyor.
2021'in 3. çeyreği için Chrome Web Mağazası politika güncellemeleri
Uzantıların kalitesini yüksek tutmak ve geliştiricilere tutarlı bir deneyim sunmak için güvenlik şartlarımızı güncelliyoruz ve birkaç politikaya daha fazla açıklık getirdik.
Workbox nedir?
Ortak hizmet çalışanı yönlendirme ve önbelleğe almayı basitleştiren bir dizi modül olan Workbox'la tanışın.
Bir hizmet çalışanının hayatı
Çevrimdışı uygulamaları mümkün kılmak için Service Worker'ların nasıl davrandığını anlama.
Chrome uzantılarının Manifest V3'e geçişi
Uzantıları Manifest V3'e taşıma planıyla ilgili ayrıntılar paylaşılıyor
Chrome 95'te kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 95'teki kullanımdan kaldırma ve kaldırma işlemlerinin bir özeti.
Chrome 94'teki yenilikler
Chrome 94 kullanıma sunuluyor! "" öğelerinin varsayılan renk alanı artık resmi olarak SRGB olarak tanımlandı ve bunu Görüntülü Reklam P3 olarak değiştirebilirsiniz. Akış oyunları, video düzenleyiciler vb. için önemli olan, yerleşik ses ve video codec'lerine erişmenin yeni, düşük seviyeli bir yolu var. WebGPU, kaynak denemesini başlatır. Dahası da var!
Geliştirici Araçları'ndaki Yenilikler (Chrome 95)
Yeni CSS uzunluğu yazma araçları, Sorunlar sekmesinde sorunları gizleme, mülklerin görünümünü iyileştirme ve daha fazlası.
Ayrıntılı inceleme: VideoNG
Modern oynatma sistemleri ve Chromium'un her gün birkaç yüz milyon saatlik izlenme süresini nasıl desteklediği hakkında bilgi edinin.
Geliştirici Araçları'nda CSS altyapısını modernleştirme
Geliştirici Araçları'nda CSS altyapısını araştırma ve güncelleme şeklimiz.
VirtualKeyboard API ile tam kontrol
Dokunmatik bir cihazın sanal klavyesi göründüğünde tarayıcının içerik kapama sorununu kendiniz yönetin.
Lighthouse 8.4'teki yenilikler
Lighthouse 8.4, artık LCP görüntülerinin geç yüklenmesi ve mobil görüntü alanı olmadan FID işleminin başarısız olmasına karşı koruma sağlar.
Chrome 93'teki yenilikler
Chrome 93 kullanıma sunuluyor! Artık JavaScript modüllerinde olduğu gibi, içe aktarma ifadeleri içeren CSS stil sayfalarını yükleyebilirsiniz. Yüklü PWA'lar URL işleyicileri olarak kaydedilebilir, böylece kullanıcılar doğrudan PWA'nıza geçebilir. Multi-Screen Window Placement API, geri bildirimleriniz doğrultusunda güncellendi ve ikinci bir kaynak denemesi başlattı. İstikrarlı kullanım için sürüm döngüsünü dört haftaya indiriyoruz. Dahası da var.
Chrome 93'te kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 93'teki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Chrome 94'teki kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 94'teki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Özel Ağ Erişimi güncellemesi: Kullanımdan kaldırma denemesi tanıtımı
Chrome, Özel Ağ Erişimi spesifikasyonunun bir parçası olarak, Chrome 94'te güvenli olmayan herkese açık web sitelerinden özel ağ uç noktalarına erişimi kullanımdan kaldırıyor. Önerilen işlemler için okumaya devam edin.
Chromium Chronicle #24: StrongAlias, IdType ve TokenType
Aynı tür, bazen uyumsuz alanlardan gelen değerleri temsil edebilir ve bu da hatalara neden olabilir. Neyse ki Chromium's //base uygunsuz ve farklı türleri eklemeyi kolaylaştırıyor.
Modern istemci tarafı yönlendirme: Navigation API
Tek sayfalık uygulamalar oluşturmak için gelişmiş işlevler sağlayan yeni bir API olan Navigation API hakkında bilgi edinin.
Geliştirici Araçları'ndaki Yenilikler (Chrome 94)
Geliştirici Araçları'nı tercih ettiğiniz dilde, yeni Nest Hub cihazlarında, yeni CSS kapsayıcı sorguları rozetinde ve daha fazlasında kullanın.
RenderingNG'deki temel veri yapıları
RenderingNG mimarisinin bileşenlerini ve oluşturma ardışık düzeninin bunlardan nasıl geçtiğini öğrenin.
Geliştirici Araçları'ndaki CSS Izgara araçları
Geliştirici Araçları'ndaki CSS Izgara aracı desteğini nasıl tasarladık ve uyguladık.
Chrome 92'deki kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 92'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Geliştirici Araçları'ndaki CSS Izgara araçları
Geliştirici Araçları'ndaki CSS Izgara aracı desteğini nasıl tasarladık ve uyguladık.
Chrome kaynak denemeleriyle ilgili sorunları giderme
Meta etiketler, başlıklar ve komut dosyalarındaki deneme jetonlarıyla ilgili yaygın sorunları giderin. Ayrıca Chrome Geliştirici Araçları'ndaki hata ayıklama desteği hakkında da bilgi edineceksiniz.
Chrome 91'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 91'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Kaynaklar arası yerleştirme politikası
manifest.json dosyasının cross_origin_embedder_policy mülküyle ilgili referans belgeleri.
Çapraz kaynak açıcı politikası
manifest.json dosyasının cross_origin_opener_policy mülkü için referans belgeleri.
Çapraz kaynak açıcı politikası
manifest.json dosyasının cross_origin_opener_policy mülkü için referans belgeleri.
Kaynaklar arası yerleştirme politikası
manifest.json dosyasının cross_origin_embedder_policy mülküyle ilgili referans belgeleri.
OS Login'de PWA'ları otomatik olarak başlatma
Birçok işletim sistemi, kullanıcı giriş yaptığında uygulamaları otomatik olarak başlatma özelliği sunar. Bu özellik artık yüklü web uygulamalarında kullanılabilir.
WebDriver BiDi - Tarayıcılar arası otomasyonun geleceği
WebDriver BiDi'nin ne olduğunu ve neden tarayıcılar arası otomasyonun geleceğini öğrenme
Wasm modülü paylaşımını aynı kaynakla kısıtlama
Aynı site ortamları arasında WebAssembly modülü paylaşımı, yalnızca aynı kaynakla kısıtlanır.
COEP kullanarak CORP başlıkları olmayan kaynaklar arası kaynakları yükleme: kimlik bilgisi yok
"Cross-Origin-Embedder-Policy: credentialless", Chrome 93'ten itibaren kaynak deneme sürümünde olacaktır. Bu yeni değer, kimlik bilgisi içermeyen istekler göndererek web sayfalarının, merkezler arası kaynakların bir "CORP: cross-origin" başlığıyla yanıt vermesini gerektirmeden kökler arası erişime kapalı olmasını sağlar.
Masaüstünde WebOTP API'yi kullanarak telefon numarasını doğrulama
Chrome 93 sürümünden itibaren web siteleri, telefon numaralarını masaüstü Chrome'dan doğrulayabilir.
Geliştirici Araçları'ndaki Yenilikler (Chrome 93)
Düzenlenebilir CSS kapsayıcı sorguları, web paketi önizlemesi, Console'da daha iyi dize işleme ve daha fazlası.
Chromium Chronicle #23: Chrome Infra'daki doğrulanmış derlemeler
Chrome ve altyapı için politika uygulama denetimi uygulamak, güvenlikle ilgili belirli minimum standartların karşılandığını doğrulamamızı sağladı.
renderNG mimarisi
RenderingNG mimarisinin bileşenlerini ve oluşturma ardışık düzeninin bunlardan nasıl geçtiğini öğrenin.
URLPattern, web platformuna yönlendirme sağlar
Yaygın kalıp eşleştirme kullanım alanlarını standartlaştırmaya yönelik bir yaklaşım.
Android Concepts (Web Geliştiricileri için)
Android ve Play'de yeni olan web geliştiricileri için alakalı ve temel Android kavramları.
Chrome uzantıları: Daha güvenli ve tutarlı bir web mağazası için uzantı politikalarımızı açıklığa kavuşturma
Uzantıların kalitesini yüksek tutmak ve geliştiricilere tutarlı bir deneyim sunmak için güvenlik şartlarımızı güncelliyoruz ve birkaç politikaya daha fazla açıklık getirdik.
Chromium Chronicle #22: Know Thy (Depot) Araçları
Depot Tools, Chromium kod tabanına ve ilgili projelere katkıda bulunan geliştiricilerin iş akışını basitleştirmek için Git'in üzerine inşa edilmiş bir araç koleksiyonudur.
JavaScript çerçevelerinde kaynak satır içine alma
Aurora projesiyle işbirliği içinde JavaScript çerçevelerinde uygulanan en son optimizasyonlar hakkında bilgi edinin.
Manifest V3'teki uzantı işlemleri
Chrome uzantıları uzun yıllardır Tarayıcı ve Page Actions API'lerini kullanıyordu ancak Manifest V3, her ikisinin de yerini genel bir Actions API'si aldı. Bu yayında, söz konusu API'lerin geçmişi ve Manifest V3'te neler değiştiği açıklanmaktadır.
RenderingNG
2021'de Chromium için yeni nesil oluşturma mimarisi RenderingNG tasarlama, geliştirme ve gönderme sürecini büyük oranda tamamladık.
XSS saldırılarına karşı CSP'nin etkili olduğundan emin olun
Katı İçerik Güvenliği Politikası (İGP) sayesinde siteler arası komut dosyası (XSS) saldırılarını önleme hakkında bilgi edinin.
Uygulamanız için yüksek performanslı depolama: Storage Foundation API
Storage Foundation API, temel bir dosya sistemine benzeyen, arabellekler ve ofsetler aracılığıyla depolanan verilere doğrudan erişim imkanı sunan bir depolama API'sı önerdi.
TablesNG Daha İyi Birlikte Çalışabilirlik İçin 72 Chromium Hatasını Çözüyor
-- Tablolara yönelik yeni oluşturma motoru, web genelinde tablo biçiminde veriler yazmak için daha tutarlı bir yöntem sunar.
Aurora ile tanışın
Bu makalede, açık kaynak çerçevelerle yakından işbirliği yapmaya yönelik bir Chrome girişimi olan Aurora tanıtılmaktadır.
Çerçevelere Uygunluk
Bu makalede, Google’daki çerçevelerde kullanılan bir metodoloji olan Uygunluk ve bu metodolojiyi JavaScript çerçeve ekosisteminde açık kaynaklı hale getirmeyi nasıl planladığımız açıklanmaktadır.
Bellek Denetleyicisi ile tanışın
Bu makalede, Chrome 91'de kullanıma sunulan Bellek Denetleyicisi tanıtılmaktadır. ArrayBuffer, TypedArray, DataView ve Wasm belleğe öğelerinizi incelemenize olanak tanır.
chrome.scripting tanıtımı
Scripting API, komut dosyası çalıştırmaya odaklanan yeni bir Manifest V3 API'sidir. Bu değişimin motivasyonlarını ve değişimin nedenlerine değinelim.
CSS ızgara düzenlerini inceleme
CSS ızgaralarını görüntülemek ve değiştirmek için Chrome Geliştirici Araçları'nı nasıl kullanacağınızı öğrenin.
Compute Basınç API'si
Hesaplama Basıncı, sistem üzerindeki baskıyı temsil eden üst düzey durumlar sunar. Bu çözüm, kullanıcıların sistem yönetilemez düzeyde stres altında olmadığı sürece kendilerine sunulan tüm işlem gücünden yararlanabilmelerini sağlamak için uygulamada doğru temel donanım metriklerinin kullanılmasını sağlar.
URL İşleyicileri olarak PWA'lar
Bir PWA'yı URL işleyici olarak kaydettikten sonra, kullanıcı kayıtlı URL kalıplarından biriyle eşleşen bir köprüyü tıkladığında kayıtlı PWA açılır.
Geliştirici Araçları'ndaki Yenilikler (Chrome 92)
CSS ızgara düzenleyicisi, konsolda konsantrasyon yeniden bildirme desteği, kaynak sırası görüntüleyici ve daha fazlası.
Chromium Chronicle #21: ChromeOS Uçtan Uca Kullanıcı Arayüzü Otomasyonu
Tast, ChromeOS kullanıcı arayüzünü kontrol etmek için Chrome a11y (erişilebilirlik) ağacını kullanan yeni bir kullanıcı arayüzü kitaplığıdır. Kitaplık, geliştiricilerin görünür herhangi bir kullanıcı arayüzü yüzeyinde kolayca uçtan uca testler oluşturmasını sağlar.
Chrome 91'deki yenilikler
Chrome 91 kullanıma sunuluyor! Dosyalarla etkileşimde bulunan web uygulamaları artık File System Access API'yi kullanırken dosya adı ve dizinleri önerebilir. Dosyaları panodan da okuyabilirsiniz! Sitenizde birden fazla alan adı varsa ve bu alan adları aynı hesap yönetimi arka ucunu paylaşıyorsa Chrome'a bunların aynı olduklarını bildirebilir ve böylece şifre yöneticisinin doğru kimlik bilgilerini önermesini sağlayabilirsiniz. Ayrıca, I/O'daki tüm videoların yanı sıra daha birçok içeriği de artık izleyebilirsiniz.
Bildirimli Bağlantı Yakalama ile kapsam içi bağlantıların PWA'nızı nasıl açacağını seçin
Bildirim temelli bağlantı yakalama
Chromium'da tarayıcı bayraklarını ayarlama
Chromium'da kullanıma sunduğumuz yeni API'lerin bazıları için deneme yapmak üzere bir tarayıcı işareti ayarlamanız gerekiyor. Google Chrome, Microsoft Edge ve diğer Chromium türevlerinde bunu nasıl yapacağınızı öğrenin.
Çevrimdışı Öncelikli Güvenilir Web Etkinlikleri
Kullanıcı uygulamayı ilk kez açtığında bağlantı olmadığında yedek çevrimdışı ekran nasıl gösterilir?
PWA'lar (Progresif Web Uygulaması) için URL protokol işleyici kaydı
Bir PWA'yı protokol işleyici olarak kaydettikten sonra, kullanıcı bir tarayıcıdan veya platforma özel uygulamadan mailto, bitcoin veya web+müzik gibi belirli bir şemaya sahip bir köprüyü tıkladığında, kayıtlı PWA açılır ve URL'yi alır.
Chrome DevTools yığın izlemeleri nasıl 10 kat hızlandırdık?
Chrome DevTools'un yığın izlemeleri (stack trace) nasıl 10 kat hızlandırdık?
MediaStreamTrack için eklenebilir akışlar
MediaStreamTrack için eklenebilir akışlar, MediaStreamTrack içeriğini yeni içerik oluşturmak için değiştirilebilecek veya kullanılabilecek bir akış olarak ortaya çıkarmakla ilgilidir.
Chromium Chronicle #20: Test Kayışlarını Karşılaştırma
Karşılaştırma eklemek, performans gerilemelerini önlemenin ve performansı iyileştirmeye yardımcı olmanın kolay bir yoludur.
Uzantı Manifest Dönüştürücü
Uzantıları Manifest V3'e dönüştürmek için açık kaynak aracı. Yine de tüm kodları, Service Worker'ları veya bazı komut dosyası yerleştirme işlemlerini kullanacak şekilde uyarlamak gibi mekanik olmayan değişiklikler yaparak manuel olarak güncellemeniz gerekir.
Daha zengin PWA yükleme kullanıcı arayüzü
Daha Zengin Yükleme Kullanıcı Arayüzü'ne giriş ve bu arayüzün nasıl uygulanacağıyla ilgili kılavuz.
Geliştirici Araçları'ndaki Yenilikler (Chrome 91)
Web vitals bilgileri pop-up, CSS kaydırma özelliğini görselleştirme, yeni Bellek inceleyici ve daha fazlası.
Zamanlayıcıları çapraz kaynak yalıtım kısıtlamalarıyla uyumlu hale getirme
Chrome 91'den itibaren, açıkça görülen zamanlayıcıların çözünürlüğü, çapraz kaynak izolasyonu olmadan platformlarda 100 mikrosaniyeyle sınırlandırılacaktır.
Manifest V3 için Web'den Erişilebilir Kaynaklar
Manifest V3 için Web'den Erişilebilir Kaynaklar kullanıma sunuldu. "manifest.json" dosyası artık izin tanımlarını destekliyor. Geliştiriciler, kaynakları, istekte bulunan site kaynak veya uzantı kimliğine göre kısıtlayabilir.
Chrome 90'daki yenilikler
Chrome 90 kullanıma sunuldu! CSS taşma özelliği için yeni bir değer var. Feature Policy API, İzin Politikası olarak yeniden adlandırıldı. Gölge DOM'u doğrudan HTML'de uygulamanın ve kullanmanın yeni bir yolu da var. Dahası da var.
Geliştirici Araçları mimarisi yenileme: Geliştirici Araçları'nı TypeScript'e taşıma
Chrome Geliştirici Araçları'nı Closure Compiler tür denetleyiciden TypeScript'e nasıl taşıyoruz?
Chromium Chronicle #19: CLion ile Daha Hızlı Geliştirme
CLion IDE, simgeler arasında gezinmeyi, kod tabanında arama yapmayı ve daha fazlasını mümkün kılar.
Chrome 90'da kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 90'daki kullanımdan kaldırma ve kaldırma işlemlerinin bir özeti.
BigQuery'de CrUX raporuna Sıralama Büyüklüğünü Ekleme
BigQuery'deki CrUX raporuna sıralama büyüklüğü ekleme.
VersionHistory API kılavuzu
Google Chrome sürüm geçmişi bilgilerine programlı bir şekilde erişmek için VersionHistory web hizmeti API'sini kullanma hakkında bir "Nasıl yapılır?" kılavuzu.
Google Chrome'un sürüm döngüsünü hızlandırıyoruz
Bu yılın ilerleyen dönemlerinde, sürüm döngüsünü kısaltmayı ve mevcut altı haftalık döngünün altına her dört haftada bir mevcut Google Chrome'un yeni bir sürümünü mevcut olan kanalına göndermeyi planlıyoruz.
Chrome 89'daki yenilikler
Chrome 89 kullanıma sunuluyor! WebHID, WebNFC ve Web Serial, kaynak denemelerinden kaldırıldı ve artık kararlı olarak kullanılabilir. Birkaç geliştiricinin PWA yüklenebilirlik kontrollerini atlatmak için kullandığı güvenlik açığını kapatıyoruz. Web Paylaşımı ve Web Paylaşımı Hedefi masaüstüne geliyor. Dahası da var!
Geliştirici Araçları'ndaki Yenilikler (Chrome 90)
CSS Flexbox için hata ayıklama desteği, sayfada performans uyarısı görüntüleme, sorunlar sekmesi güncellemeleri ve daha fazlası.
Geliştirici Araçları'nda JS içinde CSS desteği
CSS-in-JS'nin Geliştirici Araçları'nda nasıl desteklendiği ve normal CSS'den farkı.
Geliştirici Araçları'nda JS içinde CSS desteği
CSS-in-JS'nin Geliştirici Araçları'nda nasıl desteklendiği ve normal CSS'den farkı.
Yarının görüntü modlarına hazırlanıyor
display_geçersiz kılma özelliği, geliştiricilerin PWA'larının görüntülenmesi gereken özelleştirilmiş bir yedek mod zinciri tanımlamasına olanak tanır.
Donanım hızlandırmalı animasyon özellikleriyle ilgili güncellemeler
Chromium, donanım hızlandırma özelliklerini SVG animasyonları, yüzde tabanlı dönüşümler, klip yolu, arka plan resimleri ve daha fazlasıyla güncelliyor.
Chromium Chronicle #18: Chromium Kod Kapsamı
Test kapsamı, belirli bir test paketi çalıştırıldığında ne kadar kaynak kodun yürütüldüğünü ölçer.
Konsolda iletileri biçimlendirme ve biçimlendirme
Console'da mesajların nasıl biçimlendirileceğini ve stilinin nasıl ayarlanacağını öğrenin.
Uluslararası Ana Dil Günü 2021
Uluslararası Ana Dil Günü, 21 Şubat'ta tüm dünyada kutlanan kültürel çeşitliliğin her yıl kutlamasıdır. Tüm dünyada konuşulan dillerin korunmasını ve korunmasını teşvik etmekte ve çok dilliliği yüceltmektedir.
Progresif Web Uygulaması çevrimdışı destek algılamasını iyileştirme
Çevrimdışı desteğin doğrulanması, başından beri PWA yüklenebilirlik ölçütlerinin bir parçasıydı.
DevTools başlatma süresini iyileştirme
Kullanıcı arabiriminde mesaj gönderme işleminin DevTools performans ek yükünü azaltın.
Chrome 89'da kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 89'daki kullanımdan kaldırma ve kaldırma işlemlerinin bir özeti.
İstemci ipuçlarıyla kaynak seçimini otomatikleştirme
Görüntü optimizasyonu zordur ve otomasyon başarının anahtarıdır.
Chromium Chronicle #17: Tarayıcı Testi Karışıklıkları
Bir tarayıcı testi yazarken, kullanıcının manuel olarak yapabileceği kurulum işlemlerini programlı bir şekilde gerçekleştirmek istersiniz. Mixin'ler, bunu yapmanıza yardımcı olmak amacıyla, önemsiz tarayıcı testi ayarlarını yeniden kullanılabilir bir şekilde gerçekleştirmenizi sağlayan bir araç paketidir.
Ödemeleri Digital Goods API ve Payment Request API ile Google Play Faturalandırma üzerinden alma
Digital Goods API, Payment Request API ve Trusted Web Activity ile PWA'nızda Google Play Faturalandırma üzerinden ödeme alın
Geliştirici Araçları'ndaki Yenilikler (Chrome 89)
Trusted Types ihlalleri için hata ayıklama desteği, görüntü alanının ötesinde düğüm ekran görüntüsünü yakalama, ağ istekleri için yeni Güven Jetonları sekmesi ve daha fazlası.
Chrome 88'deki yenilikler
Chrome 88 kullanıma sunuluyor! Artık manifest v3'ü kullanarak uzantıları Chrome Web Mağazası'na yükleyebilirsiniz. En boy oranı CSS özelliği, herhangi bir öğede en boy oranının ayarlanmasını kolaylaştırır. Artık Play Faturalandırma'yı Güvenilir Web Etkinliğinizde kullanabilirsiniz. Daha pek çok özellik var. Şimdi Chrome 88'deki geliştiriciler için yeniliklere göz atalım.
Chrome 88'den itibaren zincirlenmiş JS zamanlayıcıların yoğun şekilde kısıtlanması
Yoğun kısıtlama, sayfa 5 dakikadan uzun süre gizlendiğinde, sayfa en az 30 saniye boyunca sessiz kaldığında, WebRTC kullanılmadığında ve zamanlayıcı zinciri 5 veya daha büyük olduğunda geçerli olur.
Android Chrome 88 ve Masaüstü Chrome 92'de SharedArrayBuffer güncellemeleri
SharedArrayBuffer, Android Chrome 88'de kullanıma sunulacak. Yalnızca kökler arası erişime kapalı olan sayfalar tarafından kullanılabilecektir. Masaüstü Chrome 92 sürümünden itibaren ise yalnızca kökler arası erişime kapalı sayfalarda kullanılabilecektir. Masaüstü Chrome 113'e kadar mevcut davranışı sürdürmek için kaynak deneme sürümüne kaydolabilirsiniz.
Chromium Chronicle #16: Masaüstünde Google Apps'ı Güncelleme
Chrome'un masaüstünüzde kendini nasıl güncel tuttuğunu hiç merak ettiniz mi? Peki güncellemeler Chromebook'lara, Chromecast'e veya Android'e nasıl sunulur?
Modern araçlarla WebAssembly hatalarını ayıklama
Chrome Geliştirici Araçları'nda, WebAssembly için yeni hata ayıklama deneyimine dair adım adım genel bakış.
Geliştirici Araçları mimarisi yenilemesi: Web Bileşenleri'ne geçiş
Chrome Geliştirici Araçları'nı Web Bileşenleri'ne neden ve nasıl taşıyoruz?
Yeni developer.chrome.com adresine hoş geldiniz!
Sitenin yenilendiğini ve 2021 planlarımızın bir özetini sunuyoruz.
Chrome 88'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 88'deki kullanımdan kaldırma ve kaldırma işlemlerinin bir özeti.
Play In Web'deki yenilikler
Güvenilir Web Etkinliği'ni kullanan web uygulamalarının yeni özellikleri hakkında bilgi edinin.
Google Play Faturalandırma'yı kullanma
Google Play Faturalandırma, kataloğunuzu, fiyatlarınızı ve aboneliklerinizi yönetmek için araçlar, raporlar ve Play Store tarafından desteklenen bir ödeme akışı sunar.
Üçüncü taraf kaynaklarını hafif bileşenle geç yükleme
Üçüncü taraf kaynaklarını hafif bileşenle geç yükleme fırsatları hakkında bilgi edinin.
Chromium Chronicle #15: Hedef Görünürlüğü Kısıtlama
Chromium'da, başka bir yerde işe yarayabilecek ancak gizli kısıtlamaları olabilecek bir bileşen için yazılmış kod bulmak yaygın bir durumdur. Güvenlik için hedefin görünürlüğünü kısıtlayarak tehlikeli işlevlere dışarıdan erişimi sınırlandırın.
Play Faturalandırma'yı Güvenilir Web Etkinliğinizde Kullanma
Google Play Faturalandırma'yı Güvenilir Web Etkinliği projenize nasıl entegre edeceğinizi öğrenin.
Blink Renderer'da renk görme bozukluklarını simüle etme
Geliştirici Araçları'nda ve Blink Renderer'da renk görme eksikliği simülasyonunu neden ve nasıl uyguladık?
isInputPending() ile daha iyi JS planlaması
Yük performansı ile giriş duyarlılığı arasındaki dengeyi önlemenize yardımcı olabilecek yeni bir JavaScript API'si.
Chrome 87'deki yenilikler
Chrome 87 kullanıma sunuluyor! Artık bu özelliği destekleyen web kameralarında kaydırma, eğme ve yakınlaştırma işlevlerini kontrol edebilirsiniz. Aralık isteklerini ve hizmet çalışanları çok fazla geçici çözüm gerektirmez, yazı tipi erişimi API'si kaynak denemesini başlatır ve çok daha fazlasını yapar. Şimdi Chrome 87'deki geliştiriciler için yeniliklere göz atalım.
çalışma kutusu-tarifleri
Yaygın çalışma kutusu kalıplarını ayrı ayrı paketlerden ayarlamanıza gerek kalmadan kolayca kullanabilirsiniz.
Geliştirici Araçları'ndaki Yenilikler (Chrome 88)
Yeni CSS açı görselleştirme araçları, desteklenmeyen resim türleri ve depolama alanı kotası emülasyonu, yeni Web Verileri şeridi ve daha fazlası.
Güvenilir Web Etkinliğinde Web Paylaşımı Hedefi'ni etkinleştir
Güvenilir Web Etkinliği kullanılarak bir projede Web Paylaşımı Hedefi'ni nasıl etkinleştireceğinizi öğrenin.
Puppetaria: erişilebilirliğe öncelik veren Puppeteer metinleri
Puppetaria - erişilebilirlik öncelikli Puppeteer komut dosyaları, CSS seçicilere güvenmek yerine erişilebilirlik ağacının sorgulanmasına dayalı alternatif sorgu işleyicisi sağlar.
Geri bildirim isteniyor: Özel ağlar için CORS (RFC1918)
Bir istemcinin dahili ağındaki cihazların ve sunucuların genel olarak web'e istenmeden açık olması, onları kötü amaçlı saldırılara açık hale getirir. CORS-RFC1918, tarayıcıda herkese açık ağlardan gelen istekleri varsayılan olarak engelleme ve dahili cihazların bu tür istekleri etkinleştirmesini zorunlu kılma teklifidir.
Chromium Chronicle #14: Şelaleye Test Ekleme
Chrome'daki yeni özelliğinizle ilgili regresyonları tespit etmek mi istiyorsunuz? Testlerinizi Chrome'un sürekli derleme ve test altyapısı olan şelaleye ekleyin.
Yüklü web uygulamalarının dosya işleyicisi olmasına izin ver
Bir uygulamayı işletim sistemine dosya işleyici olarak kaydedin. Web uygulamaları artık dosya okuyup yazabiliyor. Bu nedenle, geliştiricilerin bu web uygulamalarını, uygulamalarının oluşturabileceği ve işleyebileceği dosyalar için dosya işleyici
Chrome Geliştirici Araçları WebAuthn sekmesini nasıl oluşturduk?
Geliştiricilerin kimlik doğrulayıcıları taklit etmelerini, özelliklerini özelleştirmelerini ve durumlarını incelemelerini sağlamak için Chrome Geliştirici Araçları WebAuthn sekmesini nasıl oluşturduk.
Chrome 87'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 87'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
WebCodec ile video işleme
Kareler ve karışık olmayan kodlanmış video veya ses parçaları gibi video akışı bileşenleriyle çalışma.
Chrome 86'daki yenilikler
Chrome 86 kullanıma sunulmaya başladı! Dosya sistemi erişim API'si artık kararlı sürümde kullanılabilir. Web HID ve Multi-Screen Window yerleşim API'si için yeni kaynak denemeleri mevcut. CSS'de bazı yeni özellikler ve çok daha fazlası bulunuyor. Şimdi Chrome 86'daki geliştiriciler için yeniliklere göz atalım.
Önbelleği bölümlendirerek güvenlik ve gizlilik kazanma
Chrome'un HTTP önbellek bölümlendirmesi, daha iyi güvenlik ve gizlilik sağlar.
Geliştirici Araçları'ndaki Yenilikler (Chrome 87)
Yeni CSS Izgara hata ayıklama araçları, Web Authn sekmesi, taşınabilir araçlar ve Hesaplanmış kenar çubuğu bölmesi.
Üçüncü taraf kaynak denemeleri
Yerleştirilmiş içerik sağlayıcılarının, yeni veya deneysel web platformu özelliklerini birden fazla sitede nasıl test edebileceğini öğrenin.
Chrome Geliştirici Araçları Sorunları sekmesini nasıl oluşturduk?
Sorunların keşfedilmesi ve çözüme ulaştırılması konusunda geliştirici deneyimini iyileştirmek için Chrome Geliştirici Araçları Sorunları sekmesini nasıl oluşturduk.
Sensörler: Cihaz sensörleri emülasyonu
Coğrafi konumu geçersiz kılmak, cihaz yönünü simüle etmek, dokunmayı zorlamak ve boş durumdaki durumu taklit etmek için Sensörler panelini kullanın.
Yaygın olmayan HID cihazlarına bağlanılıyor
WebHID API, web sitelerinin alternatif yardımcı klavyelere ve egzotik oyun kumandalarına erişmesine olanak tanır.
Window Management API ile birkaç ekranı yönetme
Window Management API, makinenize bağlı ekranları numaralandırmanıza ve belirli ekranlara pencereler yerleştirmenize olanak tanır.
Geliştirici Araçları mimarisi yenileme: JavaScript modüllerine geçiş
Chrome Geliştirici Araçları'nı JavaScript modüllerine nasıl taşıyoruz?
Chrome 86'da kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 86'daki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Chrome 85'teki yenilikler
Chrome 85 kullanıma sunuluyor! Oluşturma performansını içerik görünürlüğüyle artırabilirsiniz: otomatik. CSS özellikleri artık CSS'de ayarlanabilir. Artık Windows uygulamanızın veya PWA'nızın, getinstallRelatedApps() API ile yüklenip yüklenmediğini kontrol edebilirsiniz. Uygulama simgesi kısayolları Windows'da da çalışır (bu kez aslında geçerlidir). Getirme yükleme akışı için bir kaynak denemesi vardır. Ve çok daha fazlası. Şimdi ayrıntılara dalarak Chrome 85'teki geliştiricilere yönelik yenilikleri görelim!
Yerel yazı tipleriyle gelişmiş yazı biçimi kullanma
Local Font Access API, kullanıcının yüklediği yerel yazı tiplerini sıralar ve çeşitli TrueType/OpenType tablolarına alt düzey erişim sağlar
Geliştirici Araçları'ndaki Yenilikler (Chrome 86)
Yeni Medya paneli, düğüm ekran görüntüsünü alma, Sorunlar sekmesi güncellemeleri, eksik yerel yazı tiplerini, etkin olmayan kullanıcıları ve tercih-reddet-verileri emüle etme.
Bir seri bağlantı noktasından okuma ve bu bağlantı noktasına yazma
Web Serial API, web sitelerinin seri cihazlarla iletişim kurmasına olanak tanıyarak web ile fiziksel dünya arasında köprü oluşturur.
Chrome için yeni bir varsayılan Yönlendirme Politikası - strict-origin-when-cross-origin
Chrome için yeni bir varsayılan Yönlendirme Politikası - strict-origin-when-cross-origin
Klavye Kilidi API'si ile Tuşları Yakalama
Keyboard Lock API, web sitelerinin normalde temel işletim sistemi tarafından ayrılan anahtarları yakalamasına olanak tanır. Tam ekran etkileyici bir deneyim sunan web uygulamaları (ör. oyunlar veya uzaktan erişim uygulamaları) için tasarlanmıştır.
Tarayıcı-fs erişim kitaplığı ile dosya ve dizinleri okuma ve yazma
Tüm modern tarayıcılar yerel dosya ve dizinleri okuyabilir. Ancak, gerçek yazma erişimi, yani dosya indirmenin ötesinde, File System Access API'yi uygulayan tarayıcılarla sınırlıdır. Bu yayında, File System Access API'nin üst kısmında bir soyutlama katmanı görevi gören ve dosyalarla ilgilenmeye yönelik eski yaklaşımları şeffaf bir şekilde kullanan, tarayıcı-fs erişimi adlı bir destek kitaplığı tanıtılmaktadır.
Chrome 85'te kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 85'teki kullanımdan kaldırma ve kaldırma işlemlerinin bir özeti.
Getirme API'si ile akış istekleri
Chromium artık sürüm 105'ten itibaren yükleme akışını desteklemektedir. Böylece, tüm gövdeniz kullanıma sunulmadan önce bir istek başlatabilirsiniz.
Houdini - CSS'nin Açıklanması
Houdini, CSS motorunun dahili öğelerini geliştiricilere açığa çıkaran bir API koleksiyonudur
Chrome 84'teki yenilikler
Chrome 84 kullanıma sunuluyor! Kullanıcılar, Uygulama Simgesi Kısayolları ile uygulamanızda genel görevleri başlatabilirler. Web Animasyonları API'si, daha önce desteklenmeyen çok sayıda özellik için destek ekliyor. Wake Lock ve İçerik Dizine Ekleme API'si kaynak denemesinden ayrılır. Boşta kalma algılama ve SIMD için yeni kaynak denemeleri mevcut. Daha da fazlası var. Şimdi Chrome 84'teki geliştiricilere yönelik yenilikleri görelim!
Kullanılmayan JavaScript'i kaldırın
Lighthouse"s "Kullanılmayan JavaScript" denetiminden nasıl geçeceğinizi öğrenin.
Geliştirici Araçları'ndaki Yenilikler (Chrome 85)
CSS-in-JS çerçeveleri, Lighthouse 6.0, yeni JavaScript özellikleri ve daha fazlası için stil düzenleme.
Kullanıcı Aracısı İstemci İpuçları ile kullanıcı gizliliğini ve geliştirici deneyimini iyileştirme
Kullanıcı Aracısı İstemci İpuçları, geliştiricilerin kullanıcının tarayıcısı hakkındaki bilgilere gizliliği koruyan ve ergonomik bir şekilde erişmesini sağlayan Client Hints API'nin yeni bir uzantısıdır. Müşteri İpuçları, geliştiricilerin User-Agent
CrUX API nasıl kullanılır?
Milyonlarca web sitesinde gerçek kullanıcı deneyimi verilerine RESTful erişim elde etmek için Chrome UX Report API'yi nasıl kullanacağınızı öğrenin.
Looker Studio'da CrUX Kontrol Paneli oluşturma
Looker Studio, Chrome Kullanıcı Deneyimi Raporu gibi büyük veri kaynaklarının üzerinde kontrol panelleri oluşturmanızı sağlayan güçlü bir veri görselleştirme aracıdır. Bu kılavuzdan, bir kaynaktaki kullanıcı deneyimini izlemek için kendi özel CrUX Kontrol Panelinizi nasıl oluşturacağınızı öğrenin.
CrUX BigQuery veri kümesi nasıl kullanılır?
Bu kılavuzda, web'deki kullanıcı deneyimlerinin durumu hakkında bilgilendirici sonuçlar çıkarmak amacıyla CrUX veri kümesine sorgu yazmak için BigQuery'yi nasıl kullanacağınızı öğrenin.
WebTransport'u kullanma
WebTransport, düşük gecikmeli, çift yönlü, istemci-sunucu mesajlaşma olanağı sunan bir API'dir. Kullanım alanları ve uygulamanın geleceği hakkında nasıl geri bildirimde bulunabileceğiniz hakkında daha fazla bilgi edinin.
Chrome 84'te kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 84'teki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Lighthouse 6.0'daki Yenilikler
Yeni metrikler, performans puanı güncellemesi, yeni denetimler ve daha fazlası. Bugün Lighthouse 6.0'ı kullanıma sunuyoruz. Lighthouse, geliştiricilere sitelerinin kullanıcı deneyimini iyileştirmek için fırsatlar ve teşhisler sunan otomatik bir web
Chrome 83'teki yenilikler
Chrome 83 kullanıma sunuluyor! Siteler arası komut dosyası çalıştırmadaki güvenlik açıklarını önlemeye yardımcı olan güvenilir türler için destek ekler. Form öğeleri önemli ölçüde değiştirilebilir. Bellek sızıntılarını tespit etmenin yeni bir yolu var. Ayrıca yerel dosya sistemi API'si, ek işlevlerle yeni bir kaynak denemesi başlatır. Şimdi ayrıntılara dalarak Chrome 83'teki geliştiricilere yönelik yenilikleri görelim!
Boşta Algılama API'si ile etkin olmayan kullanıcıları tespit edin
Boşta Algılama API'sı, kullanıcı boşta kaldığında geliştiricilere; klavye, fare, ekran ile etkileşim olmaması, ekran koruyucunun etkinleştirilmesi, ekranın kilitlenmesi veya farklı bir ekrana geçilmesi gibi durumları bildirir. Geliştirici tarafından tanımlanan bir eşik, bildirimi tetikler.
Sorunlar: Sorunları bulma ve düzeltme
Web sitenizle ilgili sorunları bulup düzeltmek için Sorunlar panelini kullanın.
Geliştirici Araçları'ndaki Yenilikler (Chrome 84)
Yeni Sorunlar sekmesi, inceleme modu ipucundaki erişilebilirlik bilgileri ve daha fazlası.
Karakter kümesi beyanı eksik veya HTML'de çok geç gerçekleşiyor
HTML'nize karakter kodlama bildirimini nasıl ekleyeceğinizi öğrenin.
Chrome 83'te kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 83'teki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Chrome 81'deki yenilikler
Chrome 81 kullanıma sunuluyor! Uygulama simgesi rozeti, kaynak denemesinden mezun oldu. Artırılmış gerçeklik için isabet testi artık tarayıcıda kullanılabilir. Web NFC, kaynak denemesini başlatır. Ayarlanan Chrome yayın programıyla ilgili bir güncellemem var. Şimdi ayrıntılara dalarak Chrome 81'deki geliştiricilere yönelik yenilikleri görelim!
WebSocketStream: Akışları WebSocket API ile entegre etme
WebSocketStream, akışları WebSocket API ile entegre eder. Bu sayede uygulamanız, alınan mesajlara geri basınç uygulayabilir.
Chromium Chronicle #13: RR ile Zaman Yolculuğunda Hata Ayıklama
Hata ayıklayıcıda aynı testi defalarca çalıştırırken kodun nasıl hatalı bir duruma geldiğini anlamaya mı çalışıyorsunuz? Sizin için bir aracımız var! RR bir yürütme izlemesi kaydederek geriye doğru gitmeyi, geriye doğru çalıştırmayı, değişkenlerin değerlerini nerede değiştirdiğini veya bir işlevin bir nesnede en son ne zaman çağrıldığını görmeyi kolaylaştırır.
Geliştirici Araçları'ndaki Yenilikler (Chrome 83)
Renk görme bozuklukları, yerel ayarlar, COOP ve COEP hata ayıklaması emülasyonu ve daha pek çok işlem.
Chrome 81'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 81'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Android için Chrome'da NFC cihazlarıyla etkileşimde bulunma
Android için Chrome'da artık NFC etiketlerini okumak ve bu etiketlere yazmak mümkündür.
Chrome Kullanıcı Deneyimi Raporu'na bildirim izni verileri ekleme
Site sahiplerinin bildirim izni metriklerini anlamalarına yardımcı olmak için bu verileri, 202001 veri kümesindeki Chrome Kullanıcı Deneyimi Raporu'na (CrUX) ekliyoruz. Bu veriler sayesinde site sahipleri, siteleri ve kategorilerindeki benzer siteler için tipik kullanıcı bildirim izni yanıtlarını daha iyi anlayabilir.
Chromium Chronicle #10: Piksel Testleriyle Kullanıcı Arayüzü Regresyonlarını Yakalama
Chrome'un test stratejisi, büyük ölçüde otomatik işlevsel doğruluk testlerine ve manuel testlere dayanır, ancak bunların ikisi de küçük kullanıcı arayüzü regresyonlarını güvenilir bir şekilde yakalayamaz. Masaüstü tarayıcı kullanıcı arayüzünüzün testini otomatikleştirmek için piksel testlerini kullanın.
Özel Sekme alt düzey API'sini kullanma
Android tarayıcı destek kitaplığı olmadan özel sekmenin nasıl kullanılacağını öğrenin.
Web Görünümündeki bağlantılar için Özel Sekme açma
Daha iyi bir kullanıcı deneyimi için Web Görünümlerini ve Özel Sekmeleri birleştirin.
Bir Android cihazda Özel Sekmeler'i destekleyen bir tarayıcı olup olmadığını kontrol etme
Bir Android cihazda Özel Sekme'yi destekleyen bir tarayıcı olup olmadığını nasıl kontrol edeceğinizi öğrenin.
Genel bakış
Güvenilir Web Etkinliği ile Progresif Web Uygulamanızı Android Uygulamanıza sorunsuz bir şekilde nasıl entegre edebileceğinizi öğrenin.
Entegrasyon Kılavuzu
Android uygulamanızda Güvenilir Web Etkinlikleri'ni nasıl kullanacağınızı öğrenin.
Chrome 80'deki yenilikler
Chrome 80 şimdi kullanıma sunuluyor. Geliştiriciler için bir sürü yeni özellik var. Çalışanlarda modüller, JavaScript'te isteğe bağlı zincirleme, yeni kaynak denemeleri, kaynak denemesinden mezun olan özellikler ve çok daha fazlası için destek sunulur. Şimdi Chrome 80'deki geliştiriciler için yeniliklere bakalım!
Android Özel Sekmelerine Genel Bakış
Android uygulamanızda bir URL'yi açmak için Android Özel Sekmeleri'nin en iyi ne zaman kullanılacağını öğrenin.
Geliştirici Araçları'ndaki Yenilikler (Chrome 81)
Cihaz Modu'nda Moto G4, çerezlerle ilgili yeni özellikler ve daha fazlası.
Sorgu Parametrelerini Kullanarak Güvenilir Web Etkinliğine Bilgi Aktarma
Güvenilir Web Etkinliği başlatırken yerel kabuktan web uygulamasına bilgi iletme.
Çok Kaynaklı Güvenilir Web Etkinlikleri
Birden fazla kaynağı tam ekranda açmayı destekleyen Güvenilir Web Etkinlikleri'ni kullanarak tek bir uygulama oluşturma.
Largest Contentful Paint
Lighthouse'un Largest Contentful Paint metriği ve bu metriğin nasıl ölçülüp optimize edileceği hakkında bilgi edinin.
android-browser-helper, Güvenilir Web Etkinlikleri oluşturmak için yeni bir kitaplıktır.
Güvenilir Web Etkinlikleri oluşturmak için yeni bir kitaplık olan Android-browser-helper'ı kullanıma sunuyor.
Chrome 80'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 80'deki kullanımdan kaldırma ve kaldırma işlemlerinin bir özeti.
Chromium Chronicle #9: ClusterFuzz
ClusterFuzz tarafından bulunan yüksek öncelikli güvenlik hatalarını düzeltmeniz istenebilir. Bu nedir? Bu hataları ciddiye almalı mısınız? Nasıl yardımcı olabilirsiniz?
Çevrimdışı özellikli sayfalarınızı İçerik Dizine Ekleme API'si ile dizine ekleme
PWA'nız makaleleri ve medya dosyalarını önbelleğe alabilir, ancak kullanıcılarınız çevrimdışıyken sayfalarınızın çalıştığını nasıl bilecek? İçerik Dizine Ekleme API'si, bu sorunun yanıtlarından biridir. Dizin, PWA'nızın içeriğiyle ve yüklü diğer PWA'lardan gelen içeriklerle doldurulduktan sonra, desteklenen tarayıcıların özel alanlarında gösterilir.
Chrome 79'daki yenilikler
Chrome 79 kullanıma sunulmaya başladı! Android'de yüklü progresif web uygulamaları maskelenebilir simgeler için destek alır. Artık WebXR Device API ile sürükleyici deneyimler oluşturabilirsiniz. Wake Lock API ve generatesubtree özelliği için kaynak denemeleri başlar. Ayrıca Chrome Dev Summit 2019'daki tüm videolar artık internete bağlı. Şimdi Chrome 79'daki geliştiricilere yönelik yenilikleri görelim!
Geliştirici Araçları'ndaki Yenilikler (Chrome 80)
Konsolda izin ve sınıf yeniden düzenlemeleri, iyileştirilmiş WebAssembly hata ayıklaması ve daha fazlası için destek.
Chrome Geliştirici Araçları'nda iyileştirilmiş WebAssembly hata ayıklaması
Geliştirici Araçları'ndan kaynak dillerinizde koda geçin, ayrılma noktaları ayarlayın ve yığın izlemeleri çözümleyin.
Chromium Chronicle #8: GWP-ASan: Vahşi doğadaki hataları tespit edin
GWP-ASan, doğada kullanılmak üzere tasarlanmış, yalnızca yığın halinde bellek hatası dedektörüdür. Boşaltma sonrasında kullanım, arabellek taşması/alt akış ve iki kez serbest kalma durumlarını tespit eder. ASan'ın aksine, yığındaki veya genel öğelerdeki hataları algılamaz.
Web Paketlerini kullanmaya başlayın
Web Paketleri, web sitelerini Bluetooth üzerinden tek bir dosya olarak paylaşabilmenizi ve kaynak bağlamında çevrimdışı olarak çalıştırabilmenizi sağlar.
Periyodik Arka Plan Senkronizasyonu API'si ile daha zengin çevrimdışı deneyimler
Periyodik Arka Plan Senkronizasyonu, web uygulamalarının verileri arka planda düzenli olarak senkronize etmesine olanak tanıyarak web uygulamalarını iOS/Android/masaüstü uygulamalarının davranışına yaklaştırır.
Web Share Target API ile paylaşılan verileri alma
Mobil veya masaüstü cihazlarda yalnızca Paylaş düğmesini tıklama, bir uygulama ve ardından kiminle paylaşacağınızı belirleme gibi basit bir paylaşım yapmanız gerekir. Web Share Target API, yüklü web uygulamalarının paylaşılan içeriği almak için temel işletim sistemine kaydolmasını sağlar.
Chrome 79'da kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 79'daki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Bildirim Tetikleyicileri API'si
Bildirim Tetikleyicileri API'si, geliştiricilerin ağ bağlantısı gerektirmeyen yerel bildirimleri planlamalarına olanak tanır; bu da takvim uygulamaları gibi kullanım alanları için idealdir.
Chromium Chronicle #7: Ön İşleme Kaynağı
Tek bir Chromium kaynak dosyasını elle derlemek, geliştiricilerin derleyici optimizasyon seçeneklerini denemelerine, küçük makro ayrıntılarını anlamalarına veya derleyici hatalarını en aza indirmelerine yardımcı olabilir. Bu ay, kaynakların nasıl ön işleme tabi tutulacağına göz atacağız.
Chrome 78'deki yenilikler
Chrome 78 kullanıma sunuluyor! Artık CSS değişkenleri için "türler" sağlayabilirsiniz. importScripts() tarafından içe aktarılan komut dosyaları için bayt/bayt denetimleri gerçekleştirildiğinden daha yeni hizmet çalışanları elde edersiniz. Ayrıca, Yerel Dosya Sistemi ve SMS Alıcısı da dahil olmak üzere, bazı yeni işlevler sunan iki yeni kaynak denemesiyle ilgili ayrıntıları bulabilirsiniz. Ayrıca, Chrome DevSummit etkinliği 11-12 Kasım 2019 tarihleri arasında gerçekleştirilecek. Şimdi Chrome 78'deki geliştiricilere yönelik yenilikleri görelim!
Geliştirici Araçları'ndaki Yenilikler (Chrome 79)
Çerezlerin neden engellendiğinde hata ayıklayın, tercih edilen renk şemasını simüle edin: koyu, kod kapsamı güncellemeleri ve daha fazlası.
Toplam Engelleme Süresi
Lighthouse'un Toplam Engelleme Süresi metriği ve bu metriğin nasıl ölçülüp optimize edileceği hakkında bilgi edinin.
WebOTP API ile telefon numaralarını web'de doğrulayın
SMS ile gönderilen OTP'leri bulmak, ezberlemek ve yazmak zahmetlidir. WebOTP API, kullanıcılar için OTP iş akışını basitleştirir.
Chromium Chronicle #6: Monorail'in Izgara Görünümü
Chrome'un sorun izleyicisi Monorail, sorunlarınızı Kanban tarzı bir panoda görselleştirmenize olanak tanıyan bir tablo görünümü sunar. Bu bölümde, ızgara modunun nasıl kullanılacağı açıklanmaktadır.
Chrome 78'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 78'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Lighthouse erişilebilirlik puanı
Lighthouse'un sayfanız için erişilebilirlik puanını nasıl oluşturduğunu öğrenin.
Varsayılan olarak daha yeni hizmet çalışanları
Service Worker komut dosyasında güncelleme olup olmadığını kontrol eden HTTP istekleri, artık HTTP önbelleği tarafından varsayılan olarak karşılanmaz ve içe aktarılan komut dosyaları hizmet çalışanı güncelleme akışını tetikleyebilir.
Lighthouse performans puanı
Lighthouse'un sayfanızın genel Performans puanını nasıl oluşturduğunu öğrenin.
Chrome 77'deki yenilikler
Chrome 77 kullanıma sunuluyor! Largest Contentful Paint ile sitenizin performansını izlemenin daha iyi bir yolu vardır. Formlar'a yeni özellikler eklendi. Yerel geç yükleme kullanıma sunuldu. Chrome DevSummit etkinliği, 11-12 Kasım 2019 tarihleri arasında gerçekleştirilecek. Ve çok daha fazlası. Şimdi Chrome 77'deki geliştiriciler için yeniliklere bakalım!
Arka plan hizmetlerinde hata ayıklama
Arka planda getirme, arka planda senkronizasyon, bildirimler, push mesajları ve daha pek çok arka plan hizmetini görüntüleyip raporları görüntüleyin.
Geliştirici Araçları'ndaki Yenilikler (Chrome 78)
Denetimler panelinde Lighthouse 5.2 ve Performans panelinde Largest Contentful Paint.
Hızlı Başlangıç Kılavuzu
Basit ve basit bir Güvenilir Web Etkinliği oluşturmaya başlamanız için bir kılavuz.
Web'de GPU Compute'u kullanmaya başlayın
Bu yayın, deneysel WebGPU API'sini örneklerle ele alıyor ve GPU kullanarak veri paralel hesaplamaları yapmaya başlamanıza yardımcı oluyor.
Chromium Chronicle #5: Korumalı Alan Dışında Kodlama
Tüm kodda hatalar var. Chrome Tarayıcıda korumalı alan bulunmaz. Yani bu hatalar, zararlı kodlara tüm cihaza tam erişim verebilir. Bu bölümde, korumalı alan olmadan kodlama konusunda yapılması ve yapılmaması gerekenler açıklanmaktadır.
ReportingObserver API ile kod durumunu öğrenme
ReportingObserver, siteniz kullanımdan kaldırılmış bir API kullandığını veya bir tarayıcı müdahalesiyle karşılaştığını size bildirir. Temel işlevler ilk olarak Chrome 69'da kullanıma sunulmuştu. Chrome 84'ten itibaren çalışanlarda kullanılabiliyor. Oldukça basit.
Chrome 77'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 77'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Web için kişi seçici
Kullanıcının kişilerine erişim, neredeyse zamanın başından beri iOS/Android uygulamalarının bir özelliğiydi. Contact Picker API, kullanıcıların kişi listelerindeki bir girişi veya girişleri seçmesine ve seçili kişilerin sınırlı ayrıntılarını bir web sitesiyle paylaşmasına olanak tanıyan, isteğe bağlı bir API'dir. Kullanıcıların yalnızca istedikleri içeriği istedikleri zaman paylaşmasına olanak tanır ve kullanıcıların arkadaşlarına ve ailelerine ulaşıp onlarla bağlantı kurmalarını kolaylaştırır.
Chrome 76'daki yenilikler
Chrome 76 kullanıma sunulmaya başladı! Tercih edilen renk şeması medya sorgusu için destek ekleyerek web sitelerine koyu modu getirir. Progresif Web Uygulamaları'nın masaüstünde daha kolay yüklenmesini sağlamak için çok amaçlı adres çubuğuna bir yükle düğmesi ekler. Mini bilgi çubuğunun mobil cihazlarda görünmesini engellemenin bir yolu. WebAPK'larının güncellenme sıklığını artırır. Ve çok daha fazlası. Şimdi Chrome 76'daki geliştiriciler için yeniliklere bakalım!
Chromium Chronicle #4: Web Platformu Özelliklerinizi WPT ile test edin
Web Platformu testleri (WPT), GitHub üzerinden diğer tarayıcılarla paylaşıldığından, web'de yayınlanan özellikleri test etmek için tercih edilen yöntemdir. Bu ay, WPT ile ilgili en iyi uygulamaları inceleyeceğiz.
Geliştirici Araçları'ndaki Yenilikler (Chrome 77)
Öğe stillerini kopyalayın, düzen kaymasını görselleştirin ve daha fazlasını yapın.
Chrome 75'teki medya güncellemeleri
Şifrelenmiş medya ve's "playsInline" özellik ipucunun desteklenmesi için oynatmanın sorunsuz ve güç açısından verimli olup olmayacağını tahmin etme.
Web Bileşenleri güncellemesi - v1 API'lerine yükseltme için daha fazla süre
Web Bileşenleri v0 kullanıcılarının v1'e geçmek için daha fazla zamanı var, ancak emin olup test edin.
Chromium Chronicle #3: Gerrit'teki Kod Kapsamı
Testler; hata ve gerileme tespit ettiği, daha iyi tasarımlar uyguladığı ve kodun bakımını kolaylaştırdığı için çok önemlidir. Bu ay, Gerrit ile kapsamlı testlerin nasıl yürütüleceğini ele alacağız.
Chrome 76'da kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 76'daki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Chrome 75'teki yenilikler
Chrome 75 kullanıma sunulmaya başladı. Tuval öğelerinde gecikmeyi azaltmanın yeni bir yolu var. Web uygulamaları artık sistem düzeyinde paylaşım sayfasını kullanarak diğer yüklü uygulamalarla dosya paylaşabilir. Google I/O'da yapılan tüm konuşmalar YouTube kanalımızda. Ve çok daha fazlası. Şimdi Chrome 75'teki geliştiricilere yönelik yenilikleri görelim!
Geliştirici Araçları'ndaki Yenilikler (Chrome 76)
CSS değerleri, ağ ayarları için yeni bir kullanıcı arayüzü ve daha fazlasıyla otomatik tamamlama.
Chromium Chronicle #2: Test Sorunlarıyla Mücadele
Güvenilir olmayan testler, Chrome'da yaygın görülen bir sorundur. Bunlar diğer geliştiricilerin üretkenliğini etkiler ve zamanla devre dışı bırakılır. Bu ay, testlerde görülen yavaşlamayla nasıl başa çıkacağımıza göz atacağız.
Chrome 76'da Ana ekrana ekle mini bilgi çubuğunu gizleyebilirsiniz
Chrome 76'da PWA'lar için mini bilgi çubuğuna daha fazla kontrol eklendi.
Model görüntüleyici ile artırılmış gerçeklik
Şubat ayında, bir web sayfasına bildirimli olarak bir 3D model eklemenizi sağlayan model görüntüleyici web bileşenini kullanıma sunduk. Şimdi de Android'de ar özelliğinin eklenmesiyle birlikte artırılmış gerçeklik desteğini duyuruyoruz.
Boya Tutma: Aynı kaynakta gezinmelerde yanıp sönen beyaz ışık azaltılır
Boya tutma işlemine hızlı bir genel bakış. Aynı kaynakta gezinmelerde beyaz yanıp sönmeyi azaltan bir Chrome özelliği
Birden fazla sayfa yönlendirmesinden kaçının
Sayfa yönlendirmelerinin web sayfanızın yükleme hızını neden yavaşlattığını ve bunlardan nasıl kaçınacağınızı öğrenin.
Özel kontrollerde ARIA rolleri var
Yardımcı teknolojilerin yorumlayabilmesi için özel denetimlere ARIA ekleyerek erişilebilirliği nasıl iyileştireceğinizi öğrenin.
Statik öğeleri verimli bir önbellek politikasıyla yayınlama
Web sayfanızın statik kaynaklarını önbelleğe almanın, düzenli ziyaretçiler için performansı ve güvenilirliği nasıl artırabileceğini öğrenin.
Çapraz kaynak hedeflerine bağlantılar güvenli değildir
Başka bir ana makinedeki kaynaklara güvenli bir şekilde nasıl bağlanacağınızı öğrenin.
Sayfa yüklemede bildirim izni istiyor
İyi kullanıcı deneyimi sunacak şekilde sorumluluk bilinciyle bildirim izni istemeyi öğrenin.
document.write() işlevini kullanır
document.write() yönteminden kaçınarak sayfanızın yükleme süresini nasıl hızlandıracağınızı öğrenin.
Senkronize edilmemiş ipucuyla düşük gecikmeli oluşturma
Web için oluşturulan ekran kalemi tabanlı çizim uygulamalarında gecikme sorunları görülür. Bunun nedeni, web sayfasının grafik güncellemelerini DOM ile senkronize etmesidir. Bağlamlar için senkronize edilmemiş ipucu, gecikmeyi ortadan kaldırmak için DOM'u atlar.
Metin sıkıştırmayı etkinleştirin
Metin sıkıştırmayı etkinleştirmenin sayfa yükleme performansınızı nasıl artırabileceğini öğrenin.
Bilinen güvenlik açıklarına sahip JavaScript kitaplıkları kullanıcı arabirimi içeriyor
Bilinen güvenlik açıklarına sahip JavaScript kitaplıklarını değiştirerek sayfanızı nasıl daha güvenli hale getireceğinizi öğrenin.
Sayfa yüklemede coğrafi konum izni istiyor
İyi kullanıcı deneyimi sağlayacak bir şekilde coğrafi konum iznini sorumluluk bilinciyle nasıl talep edeceğinizi öğrenin.
Kullanıcıların giriş alanlarına yapıştırma yapmasını engeller
Kullanıcıların giriş alanlarına yapıştırmalarına izin vererek sitenizin giriş ekranında kullanıcı deneyimini nasıl iyileştirebileceğinizi öğrenin.
Kritik istek zinciri oluşturmaktan kaçının
Kritik istek zincirlerinin ne olduğunu, web sayfası performansını nasıl etkilediğini ve bu etkiyi nasıl azaltabileceğinizi öğrenin.
Maksimum Olası İlk Giriş Gecikmesi
Lighthouse'un kullanımdan kaldırılan Max Potential First Input Delay metriği ve bu metriğin nasıl ölçülüp optimize edileceği hakkında bilgi edinin.
Kaydırma performansını artırmak için pasif işleyicileri kullanma
Pasif etkinlik işleyicileri kullanmaktan kaçınarak sayfanızın kaydırma duyarlılığını nasıl iyileştireceğinizi öğrenin.
Etkileşimli öğeler, amaçlarını ve durumlarını belirtir
Web sayfanızdaki özel denetimlerin amacını ve durumunu tüm kullanıcılar için anlaşılır hale getirerek bu denetimlerin erişilebilirliğini nasıl iyileştireceğinizi öğrenin.
İlk Zengin İçerikli Boyama
Lighthouse'un İlk Zengin İçerikli Boyama metriği ve bu metriğin nasıl ölçülüp optimize edileceği hakkında bilgi edinin.
Dokümanda okunaklı yazı tipi boyutları kullanılmıyor
"Doküman okunaklı yazı tipi boyutları kullanmıyor" Lighthouse denetimi hakkında bilgi edinin.
Kullanımdan kaldırılan API'leri kullanıyor
Kullanımdan kaldırılan API'leri web sayfanızdan nasıl kaldıracağınızı ve değiştireceğinizi öğrenin.
Bağlantılar açıklayıcı metin içermiyor
"Bağlantılarda açıklayıcı metin yok" Lighthouse denetimi hakkında bilgi edinin.
Hız Endeksi
Lighthouse Hız Endeksi metriği ve bu metriği nasıl optimize edeceğiniz hakkında bilgi edinin.
Yanlış en boy oranına sahip resimler görüntülüyor
Duyarlı resimlerin doğru en boy oranıyla nasıl gösterileceğini öğrenin.
Doküman geçerli bir rel=canonical içermiyor
"Belgenin geçerli bir rel=canonical" Lighthouse denetimi olmaması hakkında bilgi edinin.
Dokunma hedefleri uygun boyutta değil
"Dokunma hedefleri uygun boyutta değil" Lighthouse denetimi hakkında bilgi edinin.
Kullanıcının odağı sayfaya eklenen yeni içeriğe yönlendirilir
Yeni eklenen içeriğe odaklanarak web uygulamanızın durumundaki değişiklikleri, yardımcı teknoloji kullanıcıları için anlaşılabilir hale getirmeyi öğrenin.
Doküman geçerli bir hreflang'e sahip değil
"Belgenin geçerli bir hreflang" Lighthouse denetimi olmadığı hakkında bilgi edinin.
Etkileşimli kontrollere klavyeyle odaklanılabilir
Klavye kullanıcılarının erişebilmesi için web sayfanızda özel denetimleri nasıl odaklanılabilir hale getireceğinizi öğrenin.
Etkileşime Hazır Olma Süresi
Lighthouse'un Etkileşime Hazır Olma Süresi metriği ve bu metriğin nasıl ölçülüp optimize edileceği hakkında bilgi edinin.
Resimleri verimli bir şekilde kodlayın
Kullanım için optimize edilmiş resimler denetimi hakkında bilgi edinin.
Oluşturmayı engelleyen kaynakları ortadan kaldırın
Oluşturma engelleme kaynakları denetimi hakkında bilgi edinin.
Tahmini Giriş Gecikmesi
Lighthouse'un Tahmini Giriş Gecikmesi metriği ve bu metriğin nasıl ölçülüp optimize edileceği hakkında bilgi edinin.
Özel denetimlerle ilişkilendirilmiş etiketler var
Tüm özel kontrollerin, yardımcı teknoloji kullanıcılarının erişebileceği etiketlere sahip olduğundan emin olarak erişilebilirliği nasıl artıracağınızı öğrenin.
İlk CPU Boşta
Lighthouse'un kullanımdan kaldırılan İlk CPU Boşta Kalma metriği ve nasıl optimize edileceği hakkında bilgi edinin.
Sayfanın dizine eklenmesi engellendi
"Sayfanın dizine eklenmesi engellendi" Lighthouse denetimi hakkında bilgi edinin.
Uygulama Önbelleği Kullanır
Web sayfanızı kullanımdan kaldırılan Application Cache'den Cache API'ye nasıl taşıyacağınızı öğrenin.
İlk Anlamlı Boya
Lighthouse'un kullanımdan kaldırılan İlk Anlamlı Boyama metriği ve bu metriğin nasıl ölçülüp optimize edileceği hakkında bilgi edinin.
Chrome 75'te kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 75'teki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Sayfada mantıksal bir sekme sırası vardır
Sekme duraklarını mantıksal bir sıraya yerleştirerek klavye kullanıcılarının web sayfanızda gezinmesini nasıl kolaylaştıracağınızı öğrenin.
Üçüncü taraf kodun etkisini azaltın
Reklamcılık ağları ve analiz hizmetleri gibi üçüncü taraf kodların sayfa yükleme performansını nasıl etkilediğini ve üçüncü taraf kodu nasıl optimize edebileceğinizi öğrenin.
İstek sayısını az ve aktarım boyutlarını küçük tutun
Yüksek kaynak sayılarının ve büyük aktarım boyutlarının yük performansını nasıl etkilediğini öğrenin. İstek sayılarını ve aktarım boyutlarını azaltmaya yönelik stratejileri öğrenin.
JavaScript yürütme süresini azaltın
JavaScript yürütmenin sayfanızın performansını nasıl yavaşlatabileceğini ve nasıl hızlandırabileceğinizi öğrenin.
Sayfadaki görsel sıra DOM sırasını takip eder
Görsel sıra takip et-dom denetimi hakkında bilgi edinin.
Kullanıcı odağı yanlışlıkla bir bölgeye sıkışmamış
Odaklanmanın sayfanın bir bölümünde kilitlenmesini önleyerek klavye kullanıcıları için erişilebilirliği nasıl iyileştireceğinizi öğrenin.
Doküman eklenti kullanıyor
"Dokümanda eklenti kullanılıyor" Lighthouse denetimi hakkında bilgi edinin.
Ana iş parçacığı çalışmasını en aza indirin
Tarayıcının ana iş parçacığı hakkında bilgi edinin ve ana iş parçacığı yüklemesini azaltıp performansı artırmak için web sayfanızı nasıl optimize edebileceğinizi öğrenin.
Sayfada HTML DOCTYPE eksik, bu nedenle Quirks modunu tetikliyor.
Sayfanızın eski tarayıcılarda Tuhaflıklar modunu tetiklememesini nasıl sağlayacağınızı öğrenin.
Ekran dışı içerik yardımcı teknolojiden gizlendi
Ekran dışındaki içeriği yardımcı teknolojilerden gizleyerek yardımcı teknoloji kullanıcıları için erişilebilirliği nasıl artıracağınızı öğrenin.
JavaScript kitaplıkları algılandı
Lighthouse"Algılanan JavaScript kitaplıkları " teşhisi" denetimi hakkında bilgi edinin.
Animasyonlu içerik için video biçimleri kullanın
Verimli animasyonlu içerik denetimi hakkında bilgi edinin.
Kullanıcı Zamanlaması işaretleri ve ölçüleri
User Timing API'nin web sayfanız için gerçek dünya performans verilerini almanıza nasıl yardımcı olabileceğini öğrenin.
Tüm kaynakları için HTTP/2 kullanmıyor
HTTP/2'nin, sayfanızın yükleme süresi açısından neden önemli olduğunu ve sunucunuzda HTTP/2'yi nasıl etkinleştireceğinizi öğrenin.
Yapılandırılmış veri geçerli
"Yapılandırılmış veriler geçerli" Lighthouse denetimi hakkında bilgi edinin.
Gezinmeyi iyileştirmek için HTML5 önemli nokta öğeleri kullanılır
Klavye kullanıcılarının gezinmek için kullanabileceği önemli noktalar sağlayarak web sayfanızın erişilebilirliğini nasıl iyileştireceğinizi öğrenin.
Çok büyük ağ yüklerinden kaçının
Kullanıcılarınıza sunduğunuz kaynakların toplam dosya boyutunu küçülterek web sayfanızın yükleme süresini nasıl iyileştireceğinizi öğrenin.
Sayfa başarısız bir HTTP durum koduna sahip
"Sayfa başarısız HTTP durum kodu içeriyor" Lighthouse denetimi hakkında bilgi edinin.
Chrome 74'teki yenilikler
Google I/O tam zamanında Chrome 74 geliyor! Özel sınıf alanları için destek ekler, kullanıcının daha az hareket deneyimi istediğinde bunu algılamanızı sağlar, CSS geçiş etkinlikleri için destek ekler ve daha birçok özellik sunar. Şimdi Chrome 74'teki geliştiricilere yönelik yenilikleri görelim!
Konsol özellikleri referansı
Chrome Geliştirici Araçları'ndaki Console kullanıcı arayüzü ile ilgili her özellik ve davranışla ilgili kapsamlı referans.
Canlı İfadeler ile JavaScript değerlerini gerçek zamanlı olarak izleme
Konsola aynı JavaScript ifadelerini tekrar tekrar yazıyorsanız bunun yerine Canlı İfadeleri deneyin.
Geliştirici Araçları'ndaki Yenilikler (Chrome 75)
Anlamlı otomatik tamamlama hazır ayar değerleri, komut menüsünden site verilerini temizleme ve daha fazlası.
Chromium Chronicle #1: Görev Planlamayla İlgili En İyi Uygulamalar
Chrome ekibi, özellikle Chromium geliştiricilerine, yani tarayıcıyı oluşturan geliştiricilere yönelik aylık bir dizi olan Chromium Chronicle'ı tanıtmaktan gurur duyar. Bu ay, görev planlamasıyla ilgili en iyi uygulamaları inceleyeceğiz.
Önbellek verilerini görüntüleme
Chrome Geliştirici Araçları'nın Uygulama panelinden önbellek verilerini görüntüleme.
Web SQL verilerini göster
Chrome Geliştirici Araçları'nın Uygulama panelinden Web SQL verilerini görüntüleme.
Kullanımdan kaldırıldı: Chrome Geliştirici Araçları ile Uygulama Önbelleği Verilerini Görüntüleme
Chrome Geliştirici Araçları'nın Uygulama panelinden Uygulama Önbelleği verilerini görüntüleme.
Chrome 74'teki kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 74'teki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
IndexedDB verilerini görüntüleme ve değiştirme
Uygulama paneli ve Snippet'ler ile IndexedDB verilerini görüntüleme ve değiştirme.
Yerel depolama alanını görüntüleme ve düzenleme
Yerel Depolama bölmesi ve Konsol ile "localStorage"ı görüntüleme ve düzenleme.
Oturum depolama alanını görüntüleme ve düzenleme
Oturum Depolama bölmesi ve Konsol ile "sessionStorage"ı görüntüleme ve düzenleme.
Chrome 73'teki yenilikler
Chrome 73, imzalı HTTP takası ile taşınabilir içerik oluşturmayı kolaylaştırıyor. Stilleri dinamik olarak değiştirmek, oluşturulabilir stil sayfaları ile çok daha kolay hale gelir. Ayrıca Mac'te Progresif Web Uygulamaları desteği sunarak tüm masaüstü ve mobil platformlarda PWA desteği sunarak web üzerinden sunulan yüklenebilir uygulamalar oluşturmayı kolaylaştırır. Şimdi Chrome 73'teki geliştiricilere yönelik yenilikleri görelim!
KV Storage: Web'in İlk Yerleşik Modülü
Yeni KV Storage API'ye, dahili modüllere ve içe aktarma haritalarına giriş.
Geliştirici Araçları'ndaki Yenilikler (Chrome 74)
CSS mülkü, Lighthouse v4, WebSocket ikili mesaj görüntüleyicisi ve daha fazlasından etkilenen düğümleri vurgulayın.
DOM'yi görüntüleyip değiştirmeye başlama
Düğümleri görüntüleme, düğüm arama, düğümleri düzenleme, Console'da referans düğümleri, düğüm değişikliklerine ara verme ve daha fazlası hakkında bilgi edinin.
Web Geliştirici Ekosistemi Ekibi - Şubat özeti
Web Geliştirici Ekosistemi Ekibi'nde neler olup bittiğini inceleyeceğiz.
çalışma kutusu-penceresi
Hizmet çalışanı kaydına, güncellemeleri yönetmeye ve yaşam döngüsü olaylarına yanıt vermeye yardımcı olan modüldür.
Uygulamanızın JavaScript'indeki bir çalışır durumda başlatma yolunu WebAssembly ile değiştirme
WebAssembly'in sunduğu en önemli avantajlardan biri, tarayıcılar arasında _öngörülebilir_ performans sunmasıdır. Ancak JavaScript'te yazılmış sıcak yolu nasıl WebAssembly'e dönüştürürsünüz?
String.prototype.matchAll() ile daha iyi sonuçlar eşleştirme
Chrome 73'te, String.prototype.matchAll() yöntemi kullanıma sunuluyor. Match() işlevine benzer şekilde davranır, ancak özellikle grupları yakalamak için erişim gerektiğinde eşleşmeleri yinelemek için basit bir yol sunar.
Varsayılan olarak tekerlek kaydırmasını hızlı yapma
Kaydırma duyarlılığı, kullanıcının mobil cihazlarda bir web sitesiyle etkileşimi için çok önemlidir ancak tekerlek etkinlik işleyiciler çoğu zaman ciddi kaydırma performansı sorunlarına neden olur. Kullanıcıların ve geliştiricilerin varsayılan olarak hızlı olmalarına nasıl yardımcı olduğumuzu öğrenin.
Chrome 73'te kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 73'teki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Chrome 73'teki medya güncellemeleri
Donanım medya anahtarı desteği, HDCP politika kontrolü, Pencere İçinde Pencere kaynak denemeleri ve daha fazlası.
Işık hızında şablonlar ve Web Bileşenleri - lit-html & LitElement
lit-html ve LitElement; hızlı, hafif şablonlar ve birlikte çalışabilen bileşenleri modern web'e taşır.
RTCQuicTransport Yakınınızdaki Bir Kaynak Denemesine Geliyor (Chrome 73)
RTCQuicTransport, QUIC protokolünü kullanarak uzaktaki benzerlerle rastgele veri alışverişine olanak tanıyan yeni bir web platformu API'sidir.
Lighthouse için Yığın Paketleri Prototip Oluşturma
Yığın Paketleri yalnızca genel tavsiyeler göstermek yerine, Lighthouse'u belirli araçlar için ek mesajlar içerecek şekilde genişletir.
Chrome 72'deki yenilikler
Chrome 72'de, JavaScript'te herkese açık sınıf alanları oluşturmak artık çok daha temiz. Bir sayfanın yeni Kullanıcı Etkinleştirme API'si ile etkinleştirilip etkinleştirilmediğini görebilirsiniz, listeleri yerelleştirmek çok daha kolay hale gelmiştir ve çok daha fazlası bulunmaktadır. Şimdi ayrıntılara dalalım ve Chrome 72'deki geliştiriciler için yeniliklere bakalım!
Geliştirici Araçları'ndaki Yenilikler (Chrome 73)
Günlük noktaları, İnceleme Modu'ndaki ayrıntılı ipuçları ve çok daha fazlası.
Kullanıcı etkinleştirmesini API'ler arasında tutarlı hale getirme
Sürüm 72'de Chrome, Kullanıcı Etkinleştirme v2 sürümünü sunarak kullanıcı etkinleştirme güvenlikli tüm API'ler için kullanıcı etkinleştirme kullanılabilirliğini eksiksiz hale getirerek birçok kullanıcı etkinleştirme tutarsızlığını çözmektedir.
Şekil Algılama API'si: Bir resim bin kelimeye, yüze ve barkoda bedeldir
Şekil Algılama API'si, görüntülerdeki yüzleri, barkodları ve metinleri algılar.
WebUSB için cihaz oluşturma
WebUSB API'den tam olarak yararlanmak için bir cihaz oluşturun. Bu makalede, WebUSB API 'den tam olarak yararlanmak için nasıl cihaz oluşturulacağı açıklanmaktadır. API'nin kısa bir tanıtımı için Web'de USB Cihazlarına Erişim başlıklı makaleyi
Chrome 72'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 72'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Ekran Uyandırma Kilidi API'si ile uyanık kalma
Pilin boşalmasını önlemek için çoğu cihaz boşta kaldığında hızlı bir şekilde uykuya dalar. Bu çoğu zaman normal bir durum olsa da bazı uygulamaların da bazı işlemleri tamamlamak için ekranı açık tutması gerekir. Ekran Uyandırma Kilidi API'si, bir uygulamanın çalışmaya devam etmesi gerektiğinde cihazın ekranı kararmasını veya kilitlemesini önlemenin bir yolunu sunar.
İzleme öğesinin odağı
Console'u açın, bir Canlı İfade oluşturun ve ifadeyi document.activeElement olarak ayarlayın.
Chrome Geliştirici Araçları'nı aç
Chrome Geliştirici Araçları'nı açmak için kullanabileceğiniz tüm yöntemler.
Uygulama simgeleri için rozetler
App Badging API, yüklü web uygulamalarının uygulama genelinde bir rozet ayarlamasına olanak tanır. Bu rozet, uygulamayla ilişkili işletim sistemine özel bir yerde (ör. raf veya ana ekran) gösterilir. Rozetler, kullanıcıya dikkat edilmesini gerektirebilecek bazı yeni etkinlikler olduğunu veya okunmamış sayısı gibi az miktarda bilgiyi belirtmek için kullanılabileceğini açıkça bildirmeyi kolaylaştırır.
Chrome 71'deki yenilikler
Chrome 71, yeni Intl.göreceli zamanFormat() API'si ile göreli zaman değerlerinin gösterilmesini kolaylaştırır. Dikey olarak akan metin için alt çizginin metnin hangi tarafında görüneceğini belirtebilirsiniz. Konuşma sentezi API'sini kullanabilmeniz için artık bilgisayarınızın sizinle konuşmaya başlamadan önce kullanıcı tarafından etkinleştirilmesi gerekir. Şimdi ayrıntılara dalalım ve Chrome 71'deki geliştiriciler için sunulan yenilikleri görelim!
Arka Plan Getirme ile tanışın
Arka planda getirme özelliği, tarayıcı kapansa bile büyük boyutlu indirme işlemlerini gerçekleştirmenize olanak tanır.
Geliştirici Araçları'ndaki Yenilikler (Chrome 72)
Performans metriklerini görselleştirin, metin düğümlerini vurgulayın, JS yolunu bir DOM düğümüne kopyalayın ve Denetimler paneli güncellemeleri yapın.
Web Audio, Otomatik Oynatma Politikası ve Oyunlar
Eylül 2017'de, Chrome'daki otomatik oynatma davranışı politikası kapsamında sesin işlenmesiyle ilgili bir değişiklik yapacağımızı duyurmuştuk. Politika değişikliği, Mayıs 2018'de Chrome 66 kararlı sürümüyle kullanıma sunuldu. Web Audio geliştirme
Yeni özellikler durumu
Web uygulamaları, platforma özgü uygulamaların yapabileceği her şeyi yapabilmelidir. Web uygulamaları için yeni özelliklerin durumunu öğrenin.
İmzalanmış HTTP Takasları
İmzalı Takaslar, web sitelerinin güvenli bir şekilde yeniden dağıtılabilmeleri ve orijinal oldukları yerin doğrulanabilmesi için web içeriklerini imzalamalarına izin verir.
Chrome 71'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 71'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Chrome 70'te Ses/Video Güncellemeleri
Chrome 70'teki ses/video güncellemelerinin yuvarlanması - Çapraz kodlama ve baytlar arası akış arabelleğe alma ve oynatma, MSE ile MP4'te Opus ve Android'de varsayılan olarak izin verilen korumalı içerik oynatma.
Pencere içinde pencere özelliğini kullanarak video izleme
Web sitenizdeki video öğeleri için Pencere İçinde Pencere özelliğini kontrol edin.
Chrome 70'teki yenilikler
Chrome 70, Windows ve Linux'ta Masaüstü Progresif Web Uygulamaları desteği, Kimlik Bilgisi Yönetimi API'sine Ortak Anahtar Kimlik Bilgileri için destek sağlar, özel çalışanlara ad vermenize ve çok daha fazlasını yapmanıza olanak tanır. Şimdi Chrome 70'teki geliştiriciler için yeniliklere bakalım!
Chrome 71'de, cache.addAll() ve importScripts() işlevlerinde yapılan değişiklikler
Chrome 71'de cache.addAll(), importScripts'te bazı küçük değişiklikler yapılacaktır.
Chrome 69 Boyama Zamanlama Sorunları
Chrome 69'un boyama zamanlaması metriklerimizde, oluşturma hattından daha fazla veri almayı amaçlayan ancak bazı zaman damgalarının yanlış olmasına neden olan yanlış bir değişiklik yapıldı.
Geliştirici Araçları'ndaki Yenilikler (Chrome 71)
Canlı ifadelerdeki DOM düğümlerini vurgulayın, düğümleri genel değişkenler olarak depolayın ve daha fazlasını yapın.
Ana makine izinleri için kullanıcı denetimleri: geçiş kılavuzu
Chrome 70'ten itibaren çalışma zamanı ana makine izni değişikliklerini işlemek için uzantılarınızı güncelleme yönergeleri.
Modern web tarayıcısına yakından bakış (4. bölüm)
Birleştirici iş parçacığıyla etkinlik işleme girişi
Chrome 70'teki medya güncellemeleri
Çapraz kodlama ve baytlar arası arabelleğe alma ve oynatma, MSE ile MP4'te Opus ve Android'de korumalı içerik oynatmaya varsayılan olarak izin verilir.
Chrome 70'te Kullanımdan Kaldırma ve Kaldırma İşlemleri
Plan yapmanıza yardımcı olmak için Chrome 68'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Modern web tarayıcısına yakından bakış (2. bölüm)
Tarayıcının gezinme isteğini nasıl işlediğini öğrenin.
HTTP Çerezlerine Eşzamansız Erişim
Cookie Store API, HTTP çerezlerine eşzamansız erişim sunar ve hizmet çalışanları için çerez haznesini açar.
Modern web tarayıcısına yakından bakış (1. bölüm)
Tarayıcının, üst düzey mimariden oluşturma ardışık düzeninin ayrıntılarına kadar kodunuzu işlevsel bir web sitesine nasıl dönüştürdüğünü öğrenin.
Chrome 69'daki yenilikler
Chrome'un ilk kullanıma sunulmasından bu yana on yıl geçti. O zamandan bu yana çok şey değişti, ancak modern web uygulamaları için sağlam bir temel oluşturma hedefimiz henüz değişmedi. Chrome 69'da CSS Scroll Snapping desteği, çentikler, web kilidi ve birkaç yeni CSS4 özelliği desteklenir. Şimdi ayrıntılara dalarak Chrome 69'daki geliştiricilere yönelik yenilikleri görelim!
Geliştirici Araçları'ndaki Yenilikler (Chrome 70)
Console'da Canlı İfadeler oluşturma, Eager Değerlendirmesi sırasında DOM düğümlerini vurgulama ve daha fazlası.
Chrome 69'daki medya güncellemeleri
Chrome 69'daki medya güncellemelerinin özeti: AV1 ve HDCP politika kontrolü.
ReportingObserver: Kodunuzun durumunu öğrenme
ReportingObserver, geliştiricilere kodlarının dışarıda neler yaptığına dair bilgi verir. ReportingObserver, kullanımdan kaldırma ve müdahaleler gibi sorunlarla ve daha önce yalnızca Geliştirici Araçları konsolunda kullanılabilen mesajlarla ilgili bilgileri gösterir.
Hız artık Google Arama ve Ads için bir açılış sayfası faktörü
Hız artık Google Arama ve Ads için bir açılış sayfası faktörü.
Chrome 68'deki yenilikler
Chrome 68, Android'deki Ana Ekrana Ekle davranışında değişiklikler yaparak size daha fazla kontrol sunuyor. Sayfa yaşam döngüsü API'si, sekmenizin ne zaman askıya alındığını veya geri yüklendiğini bildirir. Payment Handler API, web tabanlı ödeme uygulamalarının Ödeme İsteği deneyimini desteklemesini sağlar. Şimdi ayrıntılara dalarak Chrome 68'deki geliştiricilere yönelik yenilikleri görelim!
NoState Önceden Getirme ile tanışın
Chrome 63, NoState Önceden Getirme özelliğiyle gönderilir. NoState Önceden Getirme, kullanımdan kaldırılan önceden işleme sürecinden daha az bellek kullanan kaynakları önceden getirmek için kullanılan bir mekanizmadır.
PWACompat - Tüm tarayıcılar için Web Uygulaması Manifesti
Web Uygulaması Manifest'inizi tüm tarayıcılara sunmak için PWACompat kitaplığını kullanın.
çalışma kutusu-gezinme-önceden yüklemesi
Gezinme isteklerine daha hızlı yanıt almak için gezinme önceden yüklemeyi etkinleştirin.
Web geliştiricileri için Site İzolasyonu
Masaüstündeki Chrome 67'de, Site İzolasyonu\* adlı yeni bir özellik varsayılan olarak etkindir. Bu makalede, Site İzolasyonunun ne hakkında olduğu, neden gerekli olduğu ve web geliştiricilerin bundan neden haberdar olması gerektiği açıklanmaktadır.
Chrome Kullanıcı Deneyimi Raporunda First Input Delay'i Deneme
Chrome Kullanıcı Deneyimi Raporu'na First Input Delay (FID) deneysel metriğinin eklendiği duyuru
Özellik Politikasına Giriş
Özellik Politikası, geliştiricilerin tarayıcıdaki belirli API'lerin ve özelliklerin davranışını seçerek etkinleştirmesine, devre dışı bırakmasına ve değiştirmesine olanak tanır. CSP gibi ama özellikler için. Chrome 60 sürümünde gönderilir.
Depolama alanı kotasını anlama
Depolama kotası sorunlarını önlemek için Workbox'ı yapılandırma kılavuzu.
Web için artırılmış gerçeklik
Artırılmış gerçeklik, sanal nesnelerin gerçek dünya görünümünde yerleştirilmesine ve izlenmesine olanak tanır.
Chacmool: Chrome Canary'de artırılmış gerçeklik
Eğitici bir web demosu olan Chacmool, web tabanlı AR'nin nasıl kolayca ilgi çekici bir deneyim oluşturabileceğini gösteriyor.
Satır içi yüklemeyi kullanımdan kaldırmayla ilgili taşıma ile ilgili SSS
Chrome uzantıları için satır içi yüklemelerin kullanımdan kaldırılmasıyla ilgili sık sorulan sorular.
Chrome 68'de Kullanımdan Kaldırma ve Kaldırma İşlemleri
Plan yapmanıza yardımcı olmak için Chrome 68'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Ana ekrana ekleme davranışında yapılan değişiklikler
Android'deki Chrome 68 sürümünden itibaren, Ana Ekrana Ekle davranışı, kullanıcıya ne zaman ve nasıl istem göstereceğiniz konusunda daha fazla kontrol sahibi olmanızı sağlamak için değiştiriliyor. Siteniz ana ekrana ekleme ölçütlerini karşılıyorsa Chrome artık ana ekrana ekle banner'ını otomatik olarak göstermez. Bunun yerine, kullanıcılarınıza ana ekrana ekle iletişim kutusunu göstermek için kayıtlı beforeinstallprompt etkinliğindePrompt() yöntemini çağırmanız gerekir.
Chrome 67'deki yenilikler
Chrome 67, Progresif Web Uygulamaları'nı masaüstüne taşıyor. İvme ölçer, jiroskop ve diğer cihaz sensörlerine erişimi kolaylaştıran genel sensör API'si desteği ekler. Ayrıca BigInts desteği de eklendiğinde büyük tamsayılarla başa çıkma çok daha kolay. Şimdi ayrıntılara dalalım ve Chrome 67'deki geliştiriciler için yeniliklere bakalım!
Geliştirici Araçları'ndaki Yenilikler (Chrome 68)
Eager değerlendirme, bağımsız değişken ipuçları, işlev otomatik tamamlama, Lighthouse 3.0 ve daha fazlası.
WebAuthn ile Güçlü Kimlik Doğrulamasını Etkinleştirme
Chrome 67 beta sürümünde, tarayıcıların ortak anahtar tabanlı kimlik bilgileriyle etkileşim kurmasına ve bu bilgileri yönetmesine olanak tanıyan Web Authentication (WebAuthn) API'yi kullanıma sunuyoruz. Bu yöntem, çıkarılabilir güvenlik anahtarları ve parmak izi tarayıcıları gibi yerleşik platform kimlik doğrulayıcıları kullanarak güçlü kimlik doğrulamayı etkinleştirir.
Sayfa yükleme performansını iyileştirmek için Lighthouse'u kullanma
Önceden yükleme, önceden bağlanma, GIF'ler ve daha fazlası için yeni performans denetimleri.
Karşınızda Lighthouse 3.0
Daha hızlı denetimler, daha az sapma, yeni rapor kullanıcı arayüzü, yeni denetimler ve daha fazlası.
Chrome 67'de Kullanımdan Kaldırma İşlemleri ve Kaldırma İşlemleri
Plan yapmanıza yardımcı olmak için Chrome 67'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti. Bu sürümde, ortak anahtar sabitlemenin kullanımdan kaldırılması, güvenli olmayan bağlamlarda AppCache'in kaldırılması ve daha fazla ön ek kaldırma işlemi yapıldı.
Etkinliğe dayalı arka plan komut dosyalarına geçiş
Chrome Uzantınızın performansını artırmak için kalıcı bir arka plan komut dosyasını etkinliğe dayalı, kalıcı olmayan bir modele taşıma.
Chrome 66'daki yenilikler
Chrome 66, yeni CSS Yazılı Model Nesnesi ile CSS manipülasyonunu kolaylaştırır, panoya erişim artık eşzamansızdır, tuval öğeleri için yeni bir oluşturma bağlamı ve JavaScript kullanarak sesi işlemenin daha iyi bir yolu vardır. Şimdi Chrome 66'daki geliştiriciler için yeniliklere bakalım!
Geliştirici Araçları'ndaki Yenilikler (Chrome 67)
Ağ başlıklarında arama yapın, istekleri getirme olarak kopyalayın, masaüstü koşullarını kullanarak sayfaları denetleyin ve daha pek çok işlem yapın.
Çalışma alanında dosya düzenleme ve kaydetme
Geliştirici Araçları'nda yapılan değişiklikleri kaynak dosyalarınıza nasıl kaydedeceğinizi öğrenin.
Web sayfalarını ikincil eklenmiş ekranlarda sunma
Chrome 66, web sayfalarının Sunum API'si aracılığıyla ikincil bir ekli ekran kullanmasına ve Sunum Alıcı API'si aracılığıyla içeriklerini kontrol etmesine olanak tanır.
Chrome 66'da kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 66'daki kullanımdan kaldırma ve kaldırma işlemlerinin özeti. Bu sürümde, hizmet çalışanı güvenliği iyileştirildi, CSS konum değerlerinde yapılan değişiklikler ve daha fazlası kullanıma sunuldu.
SmooshGate Hakkında SSS
SmooshGate bize standart geliştirme ve Web Platformu hakkında ne öğretebilir? Bu yazı bir genel bakış sağlar.
Kullanıcı gizliliğini koruma
Chrome Uzantınızın kullanıcı gizliliğini koruduğundan emin olmaya ilişkin yönergeler.
Kullanıcı gizliliğini koruma
Chrome Uzantınızın kullanıcı gizliliğini koruduğundan emin olmaya ilişkin yönergeler.
Chrome 65'teki yenilikler
Chrome 65'te, programlı bir şekilde resim oluşturmanıza olanak tanıyan yeni CSS Paint API için destek sunulur. HTTP üst bilgileri aracılığıyla sunucu performansı zamanlama bilgileri sağlamak için Server Timing API'yi kullanabilirsiniz. Yeni CSS display: content özelliği de kutuların görünmemesini sağlayabilir. Şimdi ayrıntılara dalalım ve Chrome 65'teki geliştiriciler için yeniliklere bakalım!
Geliştirici Araçları'ndaki Yenilikler (Chrome 66)
Ağ panelinde komut dosyasını yoksayın, Cihaz Modu'nda otomatik yakınlaştırmayı ayarlayın ve daha fazlası.
Lighthouse 2.8 Güncellemeleri
Yeni performans ve SEO denetimleri, raporların ilk bölümü olarak performans ve daha fazlası.
Chrome 65'te kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 65'teki kullanımdan kaldırma ve kaldırma işlemlerinin özeti. Bu sürümde; Symantec sertifikaları, kaynaklar arası indirme işlemleri engellendi ve document.all artık salt okunur olarak gösterilecek.
çalışma kutusu oluşturma
Service Worker oluşturabilen, mevcut koda ön önbellek manifesti ekleyebilen veya ön önbellek manifesti oluşturabilen modüldür.
Chrome Kullanıcı Deneyimi Raporu - Yeni ülke boyutu
Chrome Kullanıcı Deneyimi Raporu'nda yeni bir ülke boyutunun kullanıma sunulduğunu duyuruyoruz.
Chrome 64'teki yenilikler
Chrome 64'te, bir öğenin içerik dikdörtgeninin boyutu değiştiğinde sizi bilgilendiren ResizeObservers özelliği için destek eklendi. Modüller artık import.metadata ile belirli meta verileri barındırmak için erişebilir Pop-up engelleyicisi güçlendirilir ve çok daha fazlası kullanılır. Şimdi ayrıntılara dalarak Chrome 64'teki geliştiricilere yönelik yenilikleri görelim!
CSS Paint API'sı
Houdini'nin CSS Paint API'si sayesinde CSS görüntülerini programlı şekilde çizebilirsiniz.
Geliştirici Araçları'ndaki Yenilikler (Chrome 65)
Yerel geçersiz kılmalar, erişilebilirlik araçları, performans ve SEO denetimleri ve daha fazlası.
Gözetimsiz Chrome: Sunucu tarafı oluşturma JavaScript siteleri için bir yanıt
Gözetimsiz Chrome, dinamik JavaScript sitelerini statik HTML sayfalarına dönüştürmek için kullanılan yerleşik bir çözümdür.
Geliştirici Araçları'ndaki Yenilikler (Chrome 64)
Performans İzleyici, Konsol Kenar Çubuğu ve Konsol gruplamaları.
Donanım gürültü azaltmayı devre dışı bırakma
Chrome 64'te donanım gürültü azaltma özelliği deneysel olarak devre dışı bırakılıyor.
çalışma kutusu-web paketi-eklentisi
Web paketi derleme aracını kullanarak hizmet çalışanı oluşturun veya önbellek manifesti ekleyin.
Linux için kendi kendine barındırıcı
Linux kullanıcıları için, crx dosyalarını kişisel sunucudan paketleme, barındırma ve güncelleme.
Chrome 64'te chrome.loadTimes() API'nin kullanımdan kaldırılması
Tüm yararlı özellikleri için standartlara dayalı eşdeğerleri mevcut olduğundan, standart dışı chrome.loadTimes() API'si Chrome 64'te kullanımdan kaldırılacaktır.
Sesli İş Akışı artık varsayılan olarak kullanılabilir
Chrome 64, Web Audio API'sında heyecanla beklenen yeni bir özellik sunuyor - Audio Worklet
Chrome 64'te Kullanımdan Kaldırma İşlemleri ve Kaldırma İşlemleri
Plan yapmanıza yardımcı olmak için Chrome 64'teki kullanımdan kaldırma ve kaldırma işlemlerinin özeti. Bu sürümde Performance API değişiklikleri, birden fazla gölge kökü desteği ve WebKit API kullanımdan kaldırıldı.
Chrome Kullanıcı Deneyimi Raporu: İlk 1 milyondan fazla kaynağı kapsayacak şekilde genişletiliyor
Bugün, web'deki 1 milyondan fazla popüler kaynağı kapsayan genişletilmiş bir rapora sahip yeni bir Chrome Kullanıcı Deneyimi Raporu'nu duyuruyoruz.
Lighthouse 2.6 Güncellemeleri
Yeni performans denetimleri, erişilebilirlik puanının yeniden düzenlenmesi, kullanıcı deneyimiyle ilgili iyileştirmelerin raporlanması ve hata düzeltmeleri.
Chrome 63/64'teki medya güncellemeleri
Chrome 64'te; tahmin edilebilir medya oynatma, Windows 10'da HDR, kalıcı lisanslarla çevrimdışı oynatma ve daha fazlası sizi bekliyor.
Device Memory API
Device Memory API, geliştiricilerin kullanıcılara cihazlarının bellek özelliklerine göre farklı kaynaklar sunmalarına olanak tanır.
Chrome 63'teki yenilikler
Chrome 63, JavaScript modüllerini dinamik olarak içe aktarmanıza olanak tanır. En sevdiğim görüşme kodlama sorusu, eş zamansız yinelemeler ve jeneratörler için başlı başına bir iş haline geldi. Ayrıca tarayıcının varsayılan taşma kaydırma davranışını CSS fazla kaydırma davranışı özelliğiyle geçersiz kılabilirsiniz.
çalışma kutusu-yayınlama-güncellemesi
Önbellek yeni bir yanıtla güncellendiğinde sayfalara ileti gönderin.
Geliştirici Araçları'ndaki Yenilikler (Chrome 63)
Çok istemcili uzaktan hata ayıklama, özel verilerle push bildirimleri ve Workspace 2.0.
çalışma kutusu-önbelleğe alınabilir-yanıtı
Yanıtın durum koduna veya üstbilgilerine göre hangi isteklerin önbelleğe alınacağını kısıtlayın.
çalışma kutusu yönlendirme
Hizmet çalışanınızdaki istekleri belirli önbelleğe alma stratejilerine veya geri çağırma işlevlerine yönlendirir.
çalışma kutusu-geçerlilik bitiş tarihi
Önbellekteki öğe sayısına veya önbelleğe alınan isteğin yaşına bağlı olarak önbelleğe alınan istekler kaldırıldı.
çalışma kutusu-aralık-istekleri
Bu modüller, önceden önbelleğe alınan verilerin bir dilimini kullanarak "Aralık:" isteğine yanıt vermek için destek sağlar.
çalışma kutusu-arka plan-senkronizasyon
Kullanıcı çevrimdışı olsa bile güvenilir bir şekilde ağ isteği göndermek için arka planda senkronizasyonu kullanın.
çalışma kutusu-stratejileri
Bir isteğe yanıt vermeyi gerçekleştirecek, normalde "çalışma kutusu yönlendirmesi" ile kullanılan bir çalışma zamanı önbelleğe alma stratejileri grubu.
çalışma kutusu-çekirdek
Günlük düzeylerini ve önbellek adlarını değiştirin. Tüm Workbox kitaplıkları tarafından kullanılan paylaşılan kodu içerir.
workbox-cli
Komut satırından hizmet çalışanı oluşturun, önbellek öncesi manifest ekleyin veya Workbox kitaplıklarının yerel bir kopyasını oluşturun.
çalışma kutusu önbelleğine alma
Bir grup dosyayı kolayca önceden önbelleğe alın ve dosya güncellemelerini etkili bir şekilde yönetin.
Yenilemek için çekme ve taşma efektlerini özelleştirerek kaydırmanızın kontrolünü elinize alın
CSS fazla kaydırma davranışı özelliğine giriş.
Chrome 63 sürümünde ::shadow ve /deep/ kelimelerini kaldırma
Gölge oluşturan CSS seçicilere veda edin.
Chrome 63'te kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 63'teki kullanımdan kaldırma ve kaldırma işlemlerinin özeti. Bu sürümde, arayüz özelliklerinde yeni davranış, bir webkit işlevinin kaldırılması ve RTCRtcpMuxPolicy değişikliği.
Chrome 62'deki yenilikler
Chrome 62, ağ kalitesi göstergeleriyle ağ bilgileri API'sini iyileştirdi. OpenType Değişken Yazı Tipleri desteği kullanıma sunuldu. Artık HTMLMediaElements'teki medya akışlarını DOM öğeleri API'sinden Media Capture API ile yakalayıp işleyebilirsiniz.
Lighthouse 2.5 güncellemeleri
Beş yeni denetim, Chrome Launcher bağımsız Düğüm modülü ve yeni bir kısıtlama kılavuzu.
Bulanıklaştırma animasyonu
Bulanıklaştırma efektini etkili şekilde uygulamak için birkaç püf noktası gerekir.
İptal edilebilir getirme
Yeni bir web temel öğesi (iptal denetleyicisi) kullanılarak getirme işlemleri iptal ediliyor.
CSS location:sticky etkinliği için
Öğelerin ne zaman yapışkan hale geleceğini belirlemek için pozisyon - sabit ve IntersectionObserver özelliklerini birlikte kullanma. Kaydırma etkinlikleri olmadan kaydırma efektleri uygulayın!
Web için sensörler
Sensörler, çalıştırıldığı cihazın yönünü veya ivmesini dikkate alan oyunlar gibi gelişmiş özellikleri etkinleştirmek için birçok uygulamada kullanılır. Genel Sensör API'si, web'de bu tür sensör verilerine erişmek için genel bir arayüz sağlar.
Chrome 62'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 62'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti. Bu sürümde, güvenlik iyileştirmeleri, webkit desteğinin sonlandırılması ve daha fazlası.
Chrome'da otomatik oynatma politikası
Chrome'daki yeni otomatik oynatma politikalarıyla iyi kullanıcı deneyimi için en iyi uygulamaları öğrenin.
Chrome için geri-ileri önbelleği keşfetme
bfcache, daha önce ziyaret edilen sayfalarda anında gezinmeye olanak tanıyan bir önbellek oluşturur.
Pencere İçinde Pencere (PIP)
Web sitelerinin masaüstü üzerinde kayan bir video penceresi oluşturmasına olanak tanıyan Web API'sından bahsedelim.
Chrome 62'deki medya güncellemeleri
Kalıcı lisanslarla ve Android'de Widevine L1 ile çevrimdışı oynatma, video parçası optimizasyonları, cihaz döndürüldüğünde otomatik video tam ekranı, canlı MS akışlarında özelleştirilebilir aranabilir aralık, MSE ile MP4'te FLAC kullanıma sunuldu!
Chrome 61'deki yenilikler
Chrome 61 artık JavaScript modüllerini yerel olarak destekleyerek modüler JavaScript'in yazılma şeklini birleştiriyor. Artık yerel Android paylaşım iletişim kutusunu tetiklemek için gezgin nokta paylaşımını kullanabilirsiniz. Ayrıca WebUSB API kullanıma sunuldu. Bu API, web uygulamalarının kullanıcıların izin verdiği USB cihazlarına erişmesine olanak tanıyor. Dahası da var.
Görsel Görünüm ile tanışın
Görsel görüntü alanı API'si, kullanıcının sayfanızı nasıl yakınlaştırdığı ve kaydırdığı hakkında ayrıntılar verir.
Geliştirici Araçları'ndaki Yenilikler (Chrome 62)
Console'da üst düzey operatörler, yeni ekran görüntüsü iş akışları, CSS Izgarayı Vurgulama ve daha fazlası sizi bekliyor.
Chrome 61'de kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 61'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti. Bu sürümde, güvenlik iyileştirmeleri, webkit desteğinin sonlandırılması ve daha fazlası.
Kullanılabilir Depolama Alanının Tahmini
navigator.storage.estimated(), web uygulamanızın depolama kısıtlamalarıyla ilgili analiz sunar.
Chrome 61'deki medya güncellemeleri
Cihaz döndürüldüğünde arka plan video parçası optimizasyonları ve otomatik video tam ekran özellikleri burada!
Chrome 60'taki yenilikler
Chrome 60 ile artık Paint Timings API'yi kullanarak ilk boyama ve ilk zengin içerikli boyama için gereken süreyi ölçebilirsiniz. Yazı tiplerinin nasıl oluşturulacağını font-display CSS mülkü ile kontrol edebilirsiniz. WebAssembly çıktı ve çok daha fazlası var!
Geliştirici Araçları'ndaki Yenilikler (Chrome 61)
Chrome 61'de Geliştirici Araçları'na yeni özellikler ve değişiklikler geliyor.
Yakında kullanıma sunulacak normal ifade özellikleri
Adlandırılmış yakalamalar, noktaAll işareti, Unicode özellik çıkışları ve arka plan onayları dahil olmak üzere JavaScript normal ifadelerine eklenecek heyecan verici yeni özelliklere genel bakış.
Güçlendirilmiş canlı yayın blogu - Kod bölme
Tıpkı WebPack gibi kod bölme ve rota tabanlı öbeklemeyi uyguladık.
Hizalanmış giriş etkinlikleri
Sorunsuz bir kullanıcı deneyimi sağlamak web açısından önemlidir. Chrome'un son birkaç sürümünde bu cihazlardaki giriş gecikmesini düşürdük.
Kimlik bilgisi yönetimi API'sindeki son güncellemeler
Kimlik bilgisi yönetimi API'sindeki son güncellemeler
Chrome 60'ta kullanımdan kaldırma ve kaldırma işlemleri
Plan yapmanıza yardımcı olmak için Chrome 60'ta kullanımdan kaldırma ve kaldırma işlemlerinin bir özeti. Bu sürümde, güvenlik iyileştirmeleri, webkit desteğinin sonlandırılması ve daha fazlası.
Bütçe API'sine Giriş
Bütçe API'si, geliştiricilerin kullanıcıları bilgilendirmeden arka planda işlem gerçekleştirmelerine olanak tanıyarak sessiz aktarma gibi kullanım alanlarına olanak tanır.
Chrome 59'daki yenilikler
Chrome 59 ile, kullanıcı arayüzü veya çevre birimleri olmadan Chrome'u otomatik bir ortamda çalıştırabilirsiniz. macOS'teki bildirimler doğrudan yerel macOS bildirim sistemi tarafından gösterilir. Artık görüntü yakalama API'si ile tam çözünürlüklü fotoğraflar çekebilirsiniz. Üstelik çok daha fazlası!
Geliştirici Araçları'ndaki Yenilikler (Chrome 60)
Chrome 60'ta Geliştirici Araçları'na yeni özellikler ve değişiklikler geliyor.
Chrome 59'da Kullanımdan Kaldırma İşlemleri ve Kaldırma İşlemleri
Plan yapmanıza yardımcı olmak için Chrome 59'daki kullanımdan kaldırma ve kaldırma işlemlerinin bir özeti.
macOS'te yerel bildirim sistemine geçiş
Chrome 59'dan itibaren bildirimler macOS'te yerel bildirimler gösterecek.
Chrome 58'deki yenilikler
Chrome 58'deki progresif web uygulamaları tam ekran özelliğiyle daha etkileyici bir deneyim sunar. IndexedDB 2.0 artık desteklenmektedir ve korumalı iFrame'lere daha fazla seçenek sunulmaktadır. Pete LePage, Chrome 58'de bu yeni geliştirici özelliklerini nasıl kullanabileceğinizle ilgili tüm ayrıntıları içeriyor.
Geliştirici Araçları'ndaki Yenilikler (Chrome 59)
Chrome 59'da Geliştirici Araçları'na yeni özellikler ve değişiklikler geliyor.
JavaScript iletişim kutularında Chromium politikası
Eşzamanlı, uygulama ile çalışan JavaScript iletişim kutuları genellikle (ve maalesef) kullanıcılara zarar vermek için kullanılır. Bu nedenle Chromium ekibi, JavaScript iletişim kutularını kullanmamanızı önemle tavsiye eder.
CSS Ayrıntılı İnceleme - mükemmel kareler için özel kaydırma çubuğu için matrix3d()
Özel dönüştürme matrisleri, mükemmel çerçevelere sahip özel kaydırma çubukları derlemenize olanak tanır.
Bina performansı genişletme ve daraltma animasyonları
Genişletme ve daraltma efektleri oluştururken kullanıcı arayüzünüzün performansını korumak için ölçek dönüştürmelerini kullanabilirsiniz.
Chrome 58'deki medya güncellemeleri
Medya kontrolleri özelleştirme, ana ekrana eklenen Progresif Web Uygulamaları için otomatik oynatma, görünmez olduğunda sesi kapatılmış videonun otomatik olarak oynatılmasını duraklatır ve renk gamlı medya sorgusu sunulur!
(Medya) akışlarını keseceğiz, Ray
Günümüzde Chrome'da Medya Kaynağı Uzantıları (MSE) kullanılırken şifrelenmiş ve temiz akışlar arasında geçiş yapmak mümkün değildir. Chrome 58'den itibaren tüm bu değişiklikler değişti.
Chrome 58'de Kullanımdan Kaldırma İşlemleri ve Kaldırma İşlemleri
Plan yapmanıza yardımcı olmak için Chrome 58'deki kullanımdan kaldırma ve kaldırma işlemlerinin bir özeti.
Chrome 57'deki yenilikler
Chrome 57'de artık ızgaraya dayalı düzenler için display: ızgarayı, oynatılan medyayla ilgili bilgileri ve daha fazlasını içeren kilit ekranını ve bildirimleri özelleştirmek için medya oturumu API'sini kullanabilirsiniz. Pete LePage, Chrome 57'de bu yeni geliştirici özelliklerini nasıl kullanabileceğinizle ilgili tüm ayrıntıları içeriyor!
Geliştirici Araçları'ndaki yenilikler (Chrome 58)
Chrome 58'de Geliştirici Araçları'na yeni özellikler ve değişiklikler geliyor.
Medya bildirimlerini özelleştirin ve oynatma listelerini yönetin
Yeni Media Session API'si ile web medya bildirimlerini özelleştirin ve medyayla ilgili etkinliklere yanıt verin.
Manifest - İşlem İşleyiciler
manifest.json dosyasının action_handlers özelliği için referans dokümanları.
Chrome 57'de API'lerin Kullanımdan Kaldırılması ve Kaldırılması
Plan yapmanıza yardımcı olmak için Chrome 57'deki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Ödeme isteği API'sindeki değişiklikler
Chrome 56 ve 57'de, spesifikasyon değişikliklerinin ardından Payment Request API'de birkaç değişiklik yapılmıştır. Bunların neler olduğunu öğrenin ve kendi uygulamalarınızda değişiklikler yapın.
CSS Izgarası – Tablo düzeni geri döndü. Orada olun ve tarafsız olun
CSS Grid, web için yeni bir düzen sistemidir.
Chrome 56'daki Yenilikler
Chrome 56 ile web uygulamaları artık Web Bluetooth API'yi kullanarak yakındaki Bluetooth Düşük Enerji cihazlarıyla iletişim kurabilir. CSS konumu: sabit; geri dönüyor; görüntü alanının üst kısmına yapılana kadar normal şekilde kayan öğeler oluşturmayı kolaylaştırır. Ayrıca tüm kullanıcılar için Varsayılan olarak HTML5 etkindir.
Dokunarak kaydırmayı varsayılan olarak hızlı yapma
Kaydırma duyarlılığı, kullanıcının mobil cihazlarda bir web sitesiyle etkileşimi için çok önemlidir ancak dokunma etkinliği işleyiciler çoğu zaman ciddi kaydırma performansı sorunlarına neden olur. Kullanıcıların ve geliştiricilerin varsayılan olarak hızlı olmalarına nasıl yardımcı olduğumuzu öğrenin.
JavaScript hata ayıklama referansı
Chrome Geliştirici Araçları'nın hata ayıklama özelliklerine yönelik bu kapsamlı referansında yeni hata ayıklama iş akışlarını keşfedin.
Lighthouse ile daha iyi bir web oluşturma
Lighthouse'daki yenilikler. Yeniden tasarım, yeni en iyi uygulama denetimleri ve çevrimiçi rapor görüntüleyici.
URL çubuğunu yeniden boyutlandırma
URL çubuğu gizlendiğinde mobil sayfalar artık yeniden boyutlandırılmaz.
Chrome Geliştirici Araçları: Chrome 58'de JavaScript CPU Profili Oluşturma
Kayıt JavaScript CPU Profili Chrome 58'de değiştirildi.
Chrome Geliştirici Araçları - Chrome 58'de JavaScript CPU Profili Oluşturma
Chrome 58'de "JavaScript CPU Profilini Kaydet" değiştirildi.
Chrome 56'da API'lerin Kullanımdan Kaldırılması ve Kaldırılması
Plan yapmanıza yardımcı olmak için Chrome 56'daki kullanımdan kaldırma ve kaldırma işlemlerinin bir özeti.
Fotoğraf çekin ve kamera ayarlarını kontrol edin
Görüntü Yakalama, kamera ayarlarını kontrol etmenizi ve fotoğraf çekmenizi sağlayan bir API'dir.
Performanslı Paralaks
Biraz matematiksel hareketlerle tarayıcı mimarileriyle uyumlu paralaks efektlerine sahip olmak mümkün!
Chrome 55'teki Yenilikler
Chrome 55'te, eşzamansız ve bekleme özelliklerini kullanarak eşzamanlı olarak vaade dayalı kod yazabilirsiniz. PointerEvents, tüm giriş etkinliklerini yönetmek için birleşik bir yol sağlar. Ayrıca, kalıcı depolama alanı, kaynak denemesinden mezun olur.
Chrome Dev Summit 2016'ya Hazır Olun
Chrome Dev Summit 2016 etkinliği 10-11 Kasım Perşembe günleri yapılacak.
Chrome'da güvenli değil uyarısını önleme
Chrome yakında şifre ve kredi kartı giriş alanları içeren güvenli olmayan sayfaları URL çubuğunda Güvenli Değil olarak işaretleyecek.
DevTools Özeti, Ekim 2016
Yeni Console özellikleri, içerik seçici hatası ile ilgili güncellemeler ve yeni UC Tarayıcısı kullanıcı aracısı.
CSS ile kısa çizgileri yönetme
Chrome 55'te, kısa çizgilerin ne zaman gösterileceğini ve nasıl davranacağını kontrol etmek için kısa çizgi özelliği uygulanır.
Chrome 55'te API'nin Kullanımdan Kaldırılması ve Kaldırılması
Plan yapmanıza yardımcı olmak için Chrome 56'daki kullanımdan kaldırma ve kaldırma işlemlerinin bir özeti.
Tuval, video veya ses öğesinden MediaStream kaydedin.
receiveStream() yöntemi, MediaStream'in Android'de ve masaüstünde bir tuval, ses veya video öğesinden yakalanmasını sağlar.
Dokunma işlemi seçenekleri
Dokunma işlemleri, geliştiricinin bir kullanıcının bir öğeyle nasıl etkileşimde bulunabileceğini tanımlamasına olanak tanır. Chrome 55'te artık Chrome, dokunma işlemi seçenekleri için daha geniş bir desteğe sahiptir.
Bir zamanlar olay işleyici
addEventListener artık bir defalık seçeneğini desteklemektedir. Böylece, kendiliğinden sonra temizlenen etkinlikleri tanımlamak daha kolaydır.
İleriye doğru yönlendirme
İşaretçi etkinlikleri tarayıcının işaretçi giriş modelini birleştirerek dokunma, kalemler ve fareleri tek bir etkinlik grubunda bir araya getirir.
auxclick Chrome 55'e geliyor
Birincil olmayan fare düğmesi tıklamaları için yeni bir auxclick etkinliği tetiklenir.
Chrome 54'teki Yenilikler
Chrome 54 ile artık kendi özel HTML etiketinizi oluşturabilir ve Custom Elements v1 ile yeniden kullanılabilir web bileşenleri oluşturabilirsiniz. BroadcastChannel API ile aynı kaynaktaki açık pencereler veya sekmeler arasında mesaj göndermek daha kolaydır; medya deneyimi Android'de daha iyi hale gelir ve yabancı getirme artık kaynak denemesi olarak kullanılabilir.
Developers.google.com/web adresinde yapılan güncellemeler
Yeni Web'in Temelleri - daha iyi gezinme, yeni içerik ve daha fazlası!
Birleştirilmiş katmanları ölçek değişimine göre yeniden görüntüleme
zamanla değişecek - dönüşüm, hızlı bir şekilde animasyon yapmanız anlamına gelir
Kaynaklar Arası Hizmet Çalışanları - Yabancı Getirme ile Deneme Yapma
Üçüncü taraf hizmetler kendi ağ istek işleyicilerini dağıtmaya başlayabilir.
CacheQueryOptions Chrome 54'te Geliyor
CacheQueryOptions'ın tam kümesi desteklenir, böylece aradığınız önbelleğe alınmış yanıtları bulmanız kolaylaşır.
Geliştirici Araçları Özeti, Eylül 2016 - Perf Özeti
Son birkaç Chrome sürümünde Geliştirici Araçları'nda performans araçları iyileştirmeleri.
Push Abonelik Seçenekleri
Artık bir kullanıcıyı push etmek için abone yaparken kullanılan seçeneklere erişebilirsiniz.
BroadcastChannel API - Web için bir mesaj yolu
BroadcastChannel API; pencereler, sekmeler, iframe'ler veya çalışanlar arasında basit pub/sub için kullanılabilir.
document.write() yöntemine müdahale etme
Chrome, document.write() kullanılarak eklenen bazı komut dosyalarını engelliyor
Web Animations API tarayıcılar arası aşamaya ulaştı
Firefox 48, Web Animasyonları API'sının yerel bir uygulamasını göndermek için Chrome'a katıldı.
Chrome 53'te API'lerin Kullanımdan Kaldırılması ve Kaldırılması
Plan yapmanıza yardımcı olmak için Chrome'daki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Mobil Cihazlarda Sessiz Otomatik Oynat - Tuval önerilerine ve animasyonlu GIF'lere son verin.
Video için sessiz otomatik oynatma özelliği, Chrome 53 sürümünden itibaren Android'de desteklenmektedir. Önceden video öğesi, oynatmayı başlatmak için kullanıcı hareketi gerektiriyordu.
Web Push Birlikte Çalışabilirliği Kazanır
Web Push'ta Chrome'un son sürümlerinde birkaç güncelleme yapıldı. GCM artık web push protokolünü desteklemektedir ve VAPID kullanıyorsanız Google Geliştirici Projesi'ne kaydolmanız gerekmez. Size bir FCM uç noktası verilir.
Progresif Web uygulamalarında hata ayıklama
Web uygulaması manifestlerini, hizmet çalışanlarını ve hizmet çalışanı önbelleklerini denetlemek, değiştirmek ve hata ayıklamak için Uygulama panelini kullanın.
Çevrimdışı Google Analytics artık daha kolay
sw-offline-google-analytics kitaplığı ile ihtiyacınız olan her şeyi bulabilirsiniz.
Sonsuz kaydırıcının karmaşıklıkları
Sonsuz kaydırıcılar yaygın bir kullanıcı arayüzü kalıbıdır. Burada, bu kalıbı 60 fps'de performans gösteren geçici bellekte nasıl uygulayacağınızı inceleyeceğiz.
Kısa oturumlara veda edin - Web'de çerez yönetimini iyileştirmek için Service Worker'ların kullanılmasıyla ilgili bir öneri
Hizmet Çalışanı kullanılarak oturumları devam ettirmek için bir kavram kanıtlama tasarımı kullanıma sunuluyor.
Android için Chrome'da ses ve video için Service Worker önbelleğe alma, PlaybackRate ve Blob URL'leri
Sürüm 52'den itibaren Android Chrome, temel platform uygulamasına bağlı kalmak yerine, masaüstü Chrome ile aynı medya yığınını kullanır. Bu, hizmet çalışanı medyayı önbelleğe alma, değişken oynatma hızları, Android'de blob URL'leri, API'ler arasında MediaStream geçişi ve platformlar arası hata ayıklamayı sağlar.
WebRTC için ECDSA - Daha iyi güvenlik, daha iyi gizlilik ve daha iyi performans
Sürüm 52'den itibaren Chrome varsayılan olarak ECDSA'yı kullanır. Bu, WebRTC sertifika anahtarı oluşturmak için çok daha verimli ve güvenli bir algoritmadır. Ayrıca, RTCCertificates artık IndexedDB ile depolanabilir.
Flexbox, mutlak konumlandırılmış alt öğeler için yeni davranış haline geliyor
Flexbox, mutlak konumlandırılmış alt öğeler için yeni davranış haline geliyor
Chrome 52'de CSS kontrolü
Yeni CSS Containment özelliği, geliştiricilerin tarayıcı stillerinin, düzeninin ve boyama çalışmalarının kapsamını sınırlandırmalarına olanak tanır.
Chrome 52'de API'lerin Kullanımdan Kaldırılması ve Kaldırılması
Plan yapmanıza yardımcı olmak için Chrome'daki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Performans gözlemleyicisi - Performans verilerine etkili erişim
Chrome 52'deki yeni bir olan Performance Observer arayüzü, performans zaman çizelgesi verilerine daha verimli ve etkinliğe dayalı erişim sağlar.
Geliştirici Araçları Özeti, Eylül 2016 - 2016 ve Ötesi İçin Geliştirici Araçları
2016 ve sonrasında Geliştirici Araçları için önemli temalar ve trendler.
Pasif etkinlik işleyicilerle kaydırma performansını iyileştirme
Chrome 51'de yeni olan pasif etkinlik işleyiciler, kaydırma performansında büyük bir potansiyel artış sağlar.
Sorularınıza Hemen Yanıt Almak için Yayınlayın
ReadableStreams sayesinde, hizmet çalışanı yanıtlarınızı en kısa sürede işlemeye başlayın.
Geliştirici Araçları Özeti - Yeni komut menüsüyle daha fazla güç
Geliştirici Araçları'nın yeni komut menüsü ve son derece hızlı iş akışlarına olanak tanıyan 60'tan fazla işlem hakkında bilgi edinin.
Chrome 50'de güvenli olmayan kaynaklardan coğrafi konum API'si kaldırıldı
Sürüm 50'den itibaren Chrome, güvenli olmayan bağlantılar üzerinden artık HTML5 Coğrafi Konum API'sini desteklememektedir.
Chrome 51'de API'nin Kullanımdan Kaldırılması ve Kaldırılması
Plan yapmanıza yardımcı olmak için Chrome'daki kullanımdan kaldırma ve kaldırma işlemlerinin özeti.
Kimlik bilgisi yönetimi API'sini kullanarak oturum açma akışını kolaylaştırma
Gelişmiş bir kullanıcı deneyimi sunmak için kullanıcıların web sitenizde kimliklerini doğrulamalarına yardımcı olmak önemlidir. Ancak şifre oluşturmak, hatırlamak ve yazmak son kullanıcılar için özellikle de mobil cihazlarda zor olabilir.
KeyboardEvents ile ilgili yenilikler nelerdir? Anahtarlar ve kodlar
İki yeni özellik, web'e tutarlı bir klavye etkinliği işleme özelliği getiriyor.
Deneme Süresi - Kaydırma Sabitleme
Kaydırma sabitleme, içeriği okumaya başladığınızda web sayfasının hareket etmesini durdurur.
Web'deki USB Cihazlara Erişme
WebUSB API, USB'yi web'e taşıyarak daha güvenli ve kullanımı kolay hale getirir.
Mobil Öncelikli Nesil İçin Yeni Cihaz Modu
Chrome Geliştirici Araçları (Chrome 49'da kullanıma sunulan yeni ve yenilenmiş Cihaz Modu) hakkında her şeyi öğrenin.
Intel Edison ile web özellikli bir IoT cihazı oluşturma
Bugünlerde Nesnelerin İnterneti herkesin dudaklarında. Peki, web tarayıcınızdan eriştiğiniz bir IoT cihazı oluşturabilseydiniz nasıl olurdu? Bu makalede, Intel® Edison Arduino grup oturumu panosunda çalışan Node.js'nin yanı sıra Fiziksel Web, Web Bluetooth ve bunu tam olarak nasıl yapabileceğinize değineceğiz.
Chrome 50'de DOMTokenList Doğrulaması Eklendi
Chrome 50'de sunulan çeşitli özellikler için desteği doğrudan koddan kontrol edin.
Chrome 50'de Cihaz Yönü Değişiklikleri Yapılıyor
DeviceOrientationEvent göreli dereceler kullanır ve yeni bir DeviceOrientationabsoluteEvent.
Odak yönetimindeki zorlukları ortadan kaldırın
'Sıralı odakla gezinme başlangıç noktası' özelliği, hiç odaklanılmış alan olmadığında sıralı odaklama gezinmesi ([Sekme] veya [Üst Karakter-Sekme]) için odaklanılabilir öğeleri nerede aramaya başladığımızı tanımlar. Bu, özellikle bağlantıları atlama ve dokümandaki odağı yönetme gibi erişilebilirlik özellikleri için kullanışlıdır.
Chrome 50'de Web Animasyonları iyileştirmeleri
Chrome 50'de daha iyi spesifikasyon uyumluluğu ve yeni özellikler geliyor.
Chrome, Chrome 50'de createImageBitmap() işlevini destekler
Chrome 50'ye ulaşmaya çalışan çalışanlarda görüntü çözme desteği.
İnceleme ve değişiklik için FormData yöntemleri
Chrome 50'de artık FormData örneklerinizi yolculuklarına göndermeden önce bunlarla etkileşimde bulunabilirsiniz.
Medya Kaynağı API'sı - Medya segmentlerinin ekli sırayla sorunsuz bir şekilde oynatılmasını sağlar
Medya Kaynağı API'sı, JavaScript'in oynatma için medya akışları oluşturmasını sağlar. Chrome 50 sürümünden itibaren, medya segmentlerinin zaman çizelgesinde aralarında boşluk olmadan, eklendikleri sırayla otomatik olarak yer değiştirdiğinden emin olmak için SourceBuffer dizi modu kullanılabilir.
Chrome 50'de API'lerin Kullanımdan Kaldırılması ve Kaldırılması
Plan yapmanıza yardımcı olmak için Chrome'daki kullanımdan kaldırma işlemleri ve API kaldırma işlemlerinin özeti.
Web Push Yükü Şifreleme
Web Push artık yükleri destekliyor! Bu yeni ve güçlü özellikten nasıl yararlanacağınızı öğrenin.
Chrome 50'de Web Bildirimi İyileştirmeleri - Simgeler, Kapatma Etkinlikleri, Tercihleri ve Zaman Damgalarını Yeniden Bildirim
Chrome 50'de Bildirimler için pek çok yeni ve harika özellik var. Bir özeti burada bulabilirsiniz.
rel='preload' bağlantısıyla Kaynaklarınıza Öncelik Verme
Chrome 50'de rel='preload' desteği eklendi ve rel='alt kaynağı' kullanımdan kaldırıldı.
HTMLMediaElement.play(), bir söz döndürür
Otomatik oynatma belirsizliğine veda edin! play() artık bir Promise döndürüyor.
Güçlendirilmiş uzaktan hata ayıklama, sınıf oyunu ve kendi gece eğlencesi mi?
Yenilenen "Cihazları Denetle" kullanıcı arayüzü hakkında her şeyi öğrenin, artık düzeltilmiş stil panelinde sınıfları kolayca değiştirin ve DevTools Tonight'ın pilot çalışmasını izleyin.
Kaynaklarda değişkenleri izleme
Chrome Geliştirici Araçları, uygulamanız genelinde birden fazla değişkeni kolayca görmenize olanak tanır.
Geliştirici Araçları devre dışı bırakıldı, @keyframe düzenleme özelliği ve daha akıllı otomatik tamamlama özellikleri
DevTools'un daha akıllı Konsol otomatik tamamlama özelliği ile daha az yazmanızı nasıl sağladığını, doğrudan Stiller bölmesinde @keyframe kurallarını nasıl düzenleyeceğinizi, CSS Özel Değişkenleriyle eğlenmeyi ve karanlık tarafa nasıl katılacağınızı öğrenin.
Chrome 49'da web ses güncellemeleri
Chrome'daki Web Audio API'sına ilişkin en son sürümlerden bazılarının özeti.
Chrome 49'da sorunsuz kaydırma
Titrek kaydırma yapmaktan yoruldunuz mu? Harika, çünkü Chrome 49 kullanıma hazır yeni bir yumuşak kaydırma kutusuyla geliyor!
ES2015 proxy'leriyle tanışın
ES2015 Proxy'leri (Chrome 49 ve sonraki sürümlerde), JavaScript'i bir etkileşim API'si ile sağlayarak bir hedef nesnedeki tüm işlemleri yakalamamıza veya engellememize ve bu hedefin çalışma şeklini değiştirmemize olanak tanır.
Yazı tipi ekranı ile Yazı Tipi Performansını Denetleme
@font-face için yeni font-display açıklayıcısı, geliştiricilerin web yazı tiplerinin yüklenme süresine bağlı olarak nasıl oluşturulacağına (veya yedekleneceğine) karar vermesine olanak tanır.
CSS Değişkenleri: Neden önemsemelisiniz?
Daha doğru bir şekilde CSS özel özellikleri olarak bilinen CSS değişkenleri Chrome 49'a geliyor. Bunlar, CSS'de tekrarı azaltmanın yanı sıra tema değiştirme ve gelecekteki CSS özelliklerini genişletme/çoklu doldurma gibi güçlü çalışma zamanı efektleri açısından faydalı olabilir.
VP9 artık WebRTC'de kullanılabilir
VP9, masaüstündeki Chrome 48 sürümünden ve Android'de WebRTC kullanan görüntülü görüşmeler için isteğe bağlı bir video codec'i olacaktır.
MediaRecorder ile ses ve video kaydetme
MediaRecorder API, bir web uygulamasından ses ve video kaydetmenize olanak tanır. Bu API artık Firefox'ta ve Android ile masaüstü için Chrome'da kullanılabilir.
Chrome 48'de Bildirim İşlemleri
Kullanıcılar Bildirim İşlemi düğmelerini kullanarak sayfayı açmadan sitenizle etkileşimde bulunabilir
Etkinlikler için yüksek çözünürlüklü zaman damgaları
DOMHighResTimeStamp sayesinde etkinliklerin ne zaman mikrosaniye hassasiyetiyle gerçekleştiğini öğrenin.
URLSearchParams ile kolay URL değiştirme
TURLSearchParams'ın URL's sorgu dizesine önemsiz erişimi ve müdahale etmesi
Android'de Chrome için Google Cast
Android üzerinde Chrome artık mobil sitelerin Sunum API'sini ve Cast Web SDK'sını kullanarak Google Cast cihazlarına içerik göstermesine izin veriyor.
Progresif web uygulamalarını kullanmaya başlama
Progresif web uygulamaları geliştirmeye nasıl başlayacağınızı öğrenin
Güvenlik paneli Chrome Geliştirici Araçları'nda kullanıma sunuldu
Chrome Geliştirici Araçları'ndaki yeni Güvenlik Paneli hakkında tüm bilgileri öğrenin.
Arka Plan Senkronizasyonu ile tanışın
Arka planda senkronizasyon, kullanıcı kararlı bir bağlantıya sahip olana kadar işlemleri ertelemenize olanak tanıyan yeni bir web API'sidir. Bu, kullanıcının göndermek istediği şeyin gerçekten gönderildiğinden emin olmak için yararlıdır.
DevTools Özeti (CDS Sürümü): Geleceğe Bakış ve RAIL Profili Oluşturma
Geliştirici Araçları'nın her zaman açık olan yeni ve geliştirilmiş Cihaz Modu ile mobil cihazlara öncelik vermeyi nasıl başardığını öğrenin. Seçicilerinize hızlı bir şekilde renk eklemek ve yakında Geliştirici Araçları'nda kullanıma sunulacak özellikleri öğrenmek için renk düğmelerini kullanın.
Uygulama Kabuğu Mimarisi ile Web Uygulamalarını Anında Yükleme
Uygulama kabuğu mimarisi, günümüzde bir dizi teknolojiden yararlanarak progresif web uygulamaları derleme yöntemidir.
Geliştirici Araçları Özeti: Verimli öğe düzenlemeleri, hizmet çalışanı hata ayıklaması ve materyal tasarım gölgeleri
DOM'ları verimli bir şekilde düzenlemek için DOM panelinin yeni içerik menüsünü kullanın. Doğrudan Kaynaklar panelini kullanarak hizmet çalışanlarının hatalarını ayıklayın. Renk seçicideki tüm Materyal Tasarım tonları arasından seçiminizi yapın. Blackbox JS kitaplıkları artık daha kolay.
Dokun ve ara özelliğinin tetiklenmesini yönetin
Dokun ve Ara özelliğinin ne zaman ve nasıl tetiklendiğini anlama
Bildirim gerekli etkileşim - Masaüstünde daha sorunsuz bir bildirim kullanıcı deneyimi
Masaüstündeki bildirimler kısa bir süre sonra otomatik olarak kapatılır.
Geliştirici Araçları Özeti - Sekme Yeniden Sıralama, 2. Konsol ve Çerçeve Etkinlik İşleyicileri
Geliştirici Araçları sekmelerini size en uygun şekilde yeniden sıralayın ve çerçeve etkinliklerinin tam olarak nereye bağlandığını görün.
Giriş cihazı özellikleri
İşaretçi Etkinlikleri olmadığında fare ve dokunma mantığını mantıklı hale getirmek için daha basit bir yöntem
Web uygulamanızdan kamera, mikrofon ve hoparlör seçin
MediaDevices arayüzü; kameralar, mikrofonlar ve hoparlörler dahil olmak üzere tarayıcının kullanabileceği giriş ve çıkış cihazlarına erişim sağlar.
JavaScript snippet'lerini çalıştır
Snippet'ler, Chrome Geliştirici Araçları'nın Kaynaklar panelinde oluşturup çalıştırabileceğiniz küçük komut dosyalarıdır. Bu uygulamalara herhangi bir sayfadan erişebilir ve bunları çalıştırabilirsiniz. Bir snippet çalıştırdığınızda, o anda açık olan sayfanın bağlamında yürütülür.
EME logger uzantısı
EME Logger, Şifrelenmiş Medya Uzantıları (EME) etkinliklerini ve çağrılarını DevTools konsoluna kaydeden bir Chrome uzantısıdır.
Service Worker Cache API'de yapılan güncellemeler
Chrome 46, Chrome 47 ve muhtemelen 48'de olduğu gibi önbelleklere yeni yöntemler getirdi. Asla bitmiyor.
History API - Kaydırma geri yükleme
İstenmeyen kaydırma hareketlerinin önlenmesi için History API'de güncelleme.
Chrome'da Sekme Silme İşlemi - Bellek Tasarrufu Denemesi
Chrome'un bellek ayak izini azaltmak ekibin bu yıl en önemli önceliklerinden biridir.
HPKP raporlamasıyla ortak anahtar sabitlemeyi kullanıma sunma
Chrome 46'da, siteniz için daha katı bir SSL biçimi kullanmanıza yardımcı olabilecek HPKP raporlaması adı verilen bir özellik bulunur.
Site genelinde bir tema rengi belirtmek için web uygulaması manifest dosyasını kullanma
Manifest'te bir tema rengi belirleyin ve ana ekrandan başlatıldığında bu rengi sitenizdeki tüm sayfalar için kullanılabilir hale getirin.
Gelişmişten daha büyük Ağ Paneli filtresi ve diğer birkaç seçenek
Ağ panelindeki filtrenin birkaç şık özel arama etiketini desteklediğini biliyor muydunuz?
Stiller Bölmesi'nde kullanabileceğiniz basit klavye ipuçları
Birkaç kullanışlı klavye ipucuyla Stiller Bölmesi'nde etkili bir şekilde gezinmeyi öğrenin.
Geliştirici Araçları Özeti: Toplu Zaman Çizelgesi Ayrıntıları, Renk Paletleri ve daha fazlası
Hangi üçüncü taraf komut dosyalarının Zaman Çizelgesi'ndeki Toplu Ayrıntılar bölümünde performans sorunlarına neden olduğunu, yeni renk paletiyle tutarlı renkleri nasıl seçeceğinizi ve daha fazlasını öğrenin.
Yeni Materyal Tasarım Lite Sürümü - 1.0.4
Material Design Lite sürümü, derleme sürecinde birçok hata düzeltmesi ve iyileştirme sunuyor.
requestIdleCallback işlevini kullanma
requestIdleCallback, tarayıcı boşken iş planlamak için yeni performans API'sidir.
Eklenti içeriğinde poster resimleri kullanma
Chrome artık Flash gibi eklentilerin algılanan yükleme performansını iyileştirmek için nesne öğelerine özel poster resimleri ekleyebilir.
Konsol Panelinde HTML'yi Düzenle
Öğeler panelinden tanıyabileceğiniz DOM düğümü içerik menüsü de konsol panelinde yer alır.
DOM düğümlerini kolayca kopyalayın
HTML'yi büyük bir dize olarak düzenlemek zorunda kalmadan DOM'u kolayca değiştirebilirsiniz.
Geliştirici Araçları'nın yeni adresi
Developers.google.com/web/tools/chrome-devtools adresindeki yepyeni ana sayfaya taşındık ve sizin için yeni mükemmel eğiticiler ve ipuçları hazırladık.
İyileştirilmiş DOM içerik haritaları
Öğeler panelinde içerik haritası yolunun olduğunu biliyor muydunuz?
Kaynaklarda CSS'yi canlı düzenleme
Kaynaklar bölümünden CSS'yi canlı olarak düzenleyebileceğinizi ve sayfayı gerçek zamanlı olarak güncellemesini sağlayabileceğinizi biliyor muydunuz?
Geliştirici Araçları Özeti - Film şeridi ve kısıtlama için yeni bir sayfa
DevTools Özet güncellemelerinin ilkini izleyerek yeni film şeridi işlevini ve daha fazlasını keşfedin.
Hazır ayar olarak yeni bir özel cihaz ekleme
Belirli bir boyuttaki cihazları sık sık taklit ediyor musunuz? Geliştirici Araçları Cihaz Modu'nda yeni cihaz hazır ayarları ekleyebilirsiniz.
Bluetooth cihazlarla JavaScript üzerinden iletişim kurma
Web Bluetooth API, web sitelerinin Bluetooth cihazlarla iletişim kurmasına olanak tanır.
MediaStream'in kullanımdan kaldırılması
MediaStream API, senkronize edilmiş ses veya video akışlarını temsil eder. MediaStream.ended, MediaStream.label ve MediaStream.stop() desteği sonlandırılıyor. Bunun yerine MediaStream.active, MediaStreamTrack.label ve MediaStreamTrack.stop() öğelerini kullanın.
Service Worker'da Performansı Ölçme
Bir hizmet çalışanında isteklerinizin performansını ölçemiyorsanız performansı nasıl artırdığını söyler misiniz? Artık Chrome'daki son değişikliklerle bu soruyu yanıtlayabilirsiniz.
Android'de Chrome için medya oynatma bildirimleri
Bir web sayfasında ses veya video oynatılırken, bildirim tepsisinde ve kilit ekranında sayfa başlığını ve bir oynat/duraklat düğmesini gösteren bir bildirim görüntülenir. Bildirim, oynatmayı duraklatmak/devam ettirmek veya medyayı oynatan sayfaya dönmek için kullanılabilir.
Döndürme Açısı ve dokunma Yarıçapı'nı kullanma
Chrome 45'te, geliştiricilerin dokunmaya dayalı daha iyi uygulamalar geliştirmesini kolaylaştıracak küçük bir değişiklik yapıldı.
CSS medya sorgularını inceleme ve tetikleme
Cihaz Modu'nda duyarlı tasarımı kolaylaştıran yerleşik bir medya sorgusu inceleyici bulunur.
Sonraki tekrarı seçme kısayolu
Kaynaklar Paneli düzenleyicisinde, Cmd + D tuşu ile bir sonraki yeri seçebilirsiniz.
Kaynaklar Paneli'nde bir kod bloğu seçin ve çalıştırın
Kaynak Panelinde vurgulanan kod bloğu çalıştırmak için Ctrl + Shift + E kısayolunu kullanın.
Belirli bir koşula göre ayrılma noktası ayarlayın
Bir ayrılma noktası ayarladığınızda, bunu bir ifadenin sonucuna göre koşullu hale getirebilirsiniz.
Geliştirici Araçları panelleri arasında hızlıca geçiş yapın
Geliştirici Araçları'ndaki paneller arasında geçiş yapmak için Cmd+] (veya Cmd+[) tuşlarını kullanabilirsiniz.
Console'dan hızlı bir yığın izleme (stack trace) yazdırın
Kod yürütme akışını daha iyi anlamak amacıyla hızlı ve kolay bir yığın izleme elde etmek için console.trace() kullanabilirsiniz.
Denetçiyi kim denetliyor?
Geliştirici Araçları'nızı Geliştirici Araçları ile inceleyebileceğinizi biliyor muydunuz?
Bir öğede sanal sınıf tetikleme
CSS fareyle üzerine gelme efektlerinde hata ayıklamayı deneyip fareyi öğenin üzerinde tutamadığınız oldu mu? Bunu nasıl yapacağınızı burada bulabilirsiniz.
İsteğe bağlı dosya kapsamıyla proje genelinde arama
Geliştirici Araçları'nda, bir profesyonel gibi arama yapmak için kullanabileceğiniz gizli komutları öğrenin.
Ağ renk grupları
Kaynakları kolayca tespit etmek için hangi renklerin hangi kaynak türüyle eşleştiğini öğrenin.
Hata ayıklama sırasında JavaScript değerlerini satır içinde önizleyin
Hata ayıklama sırasında JavaScript değişkenlerinin değerlerini Geliştirici Araçları'nda nasıl önizleyeceğinizi öğrenin.
Nesne panelinden kaynakları hızlı bir şekilde düzenleme/görüntüleme
Nesne panelinden kaynakları hızlı bir şekilde düzenleme/görüntüleme
Ses İçin Medya Kaynağı Uzantıları
Medya Kaynağı Uzantıları (MSE), HTML5 ses ve video öğeleri için genişletilmiş arabelleğe alma ve oynatma kontrolü sağlar. Başlangıçta HTTP (DASH) tabanlı video oynatıcılar üzerinden Dinamik Uyarlanabilir Akış'ı kolaylaştırmak amacıyla geliştirilmiş olsa da MSE, ses için özellikle de boşluksuz oynatma için kullanılabilir.
Bildirimlerde Yapılan Değişikliklerle İlgili Bilgilendirme
Chrome 44'e iki yeni API eklendi. Bu API, push bildirimlerinin kullanımını ve özelleştirme işlemlerini daha kolay hale getirir.
Eşleşen seçicileri göster
Stiller Bölmesi'nde bir seçiciyi görüntülerken, virgülle ayrılmış seçici bölümleri, seçilen DOM düğümüyle eşleşip eşleşmediklerine bağlı olarak farklı şekilde renklendirilir.
Kaynak paneline birden fazla imleç eklemek için komut simgesini tıklayın
Geliştirici Araçları'ndaki kaynaklar panelinde çoklu imleç düzenlemesini nasıl yapacağınızı öğrenin.
Öğe Etiketlerini Hızlı Düzenleme
Nesne Paneli'nde bir düğümü düzenlemek için açılış etiketi adını çift tıklayabilirsiniz.
Renk Seçici aracında bazı kullanıcı arayüzü ve özellik geliştirmeleri
Geliştirici Araçları'ndaki renk seçici aracı yeni sürüme geçiriliyor. Şu anda Chrome Canary'de
Tamamlanmamış ağ istekleri
Tamamlanmamış ağ isteklerini (ör. çalışan istekleri) görmek için Is:çalışıyor Gelişmiş Ağ Filtresini kullanabilirsiniz.
Çağrı yığınında gezinmek için klavyeyi kullanın
Ayrılma noktası ayarlama ve klavye kısayollarıyla çağrı yığınında gezinme.
Resmi veri URI'si olarak kopyala
Bir resmi Veri URI'si (temel 64 olarak kodlanmış) olarak kopyalamak için Kaynaklar Paneli'ndeki bir resmin önizlemesini sağ tıklayın.
Yumuşak geçiş düzenleyici
Davranışına ilişkin görsel animasyonlu bir önizleme almak için bir yumuşak geçiş CSS özelliği seçin.
Konsol Paneli'nden etkinlikleri hızlı bir şekilde izleyin
Komut Satırı API'si izleme yöntemini kullanarak bir nesneye gönderilen tüm etkinlikleri günlüğe kaydedebilirsiniz(nesne [, etkinlikler]).
Etkinlik işleyicileri alma ve hata ayıklama
Bu konsol komutlarıyla Geliştirici Araçları'nda etkinlik işleyicileri alın ve hata ayıklayın.
İstisnalarda otomatik olarak duraklat
Geliştirici Araçları'nda, herhangi bir istisnada otomatik olarak duraklatma yapabilirsiniz (özellikle yakalanmamış istisnalar için).
CSS değerlerini hızlıca değiştirme
CSS değerlerini klavyeyle veya fare tekerleğiyle hızlıca değiştirin
Ayraç gösterimi için otomatik tamamlama
Kaynaklar panelinde köşeli parantez gösterimini otomatik olarak tamamlayabileceğinizi biliyor muydunuz?
DOM ayrılma noktalarınızı görüntüleme ve değiştirme
Geliştirici Araçları'ndaki Kesme Noktaları bölmesini kullanarak DOM ayrılma noktalarınızı görüntüleme ve değiştirme.
Öğeleri görüntü alanına kaydır
İncelemekte olduğunuz bir öğe görüntü alanının dışındaysa bu öğeyi görüntü alanına nasıl getireceğiniz aşağıda açıklanmıştır.
Ağ panelinde film şeritleri
Ağ panelinde görsel olarak gezinin ve sayfa yüklenirken yakalanan ekran görüntülerini görüntüleyin
Sanal sınıfların tetiklenmesi
CSS'nizdeki hataları doğru şekilde ayıklamak için :active gibi sanal sınıfları nasıl tetikleyeceğinizi öğrenin.
DOM ağacını CSS seçiciye göre arayın
Öğeler panelini kullanarak DOM'a göz atarken, CMD/Ctrl+F aracılığıyla kendi CSS seçicilerine göre düğüm aramayı deneyin.
Bağlantı noktası yönlendirme
DevTools bağlantı noktası yönlendirme, localhost URL'lerinin bile mobil cihazlarda çalışmasını sağlar.
CSS kısayol özelliklerini genişletme
Stiller bölmesinde, Esnek veya dolgu gibi CSS kısaltma özelliklerini genişletebilir ve sizin için tanımlanan tüm özellikleri görebilirsiniz.
Yazarken JS hataları için bildirim alın
Konsol panelinde hata alırsanız, Kaynak Panelinde hatanın gösterildiği satırı görmek için bu hatayı tıklayın.
Kolay zaman çizelgesi kaydı
Geliştirici Araçları'nı ayrı bir pencerede açmayı deneyin. Bu sayede kayıt düğmesi, sayfada işlem yapmanız gereken kısmın yakınında yer alır.
Belirli bir sütundaki satır numarasına gitme
Kaynaklar panelindeki belirli satır numaralarına nasıl geçeceğinizi öğrenin.
Etkinlik işleyicilere kolayca geçin
Herhangi bir düğümde kayıtlı bir etkinlik işleyicinin işlev tanımını nasıl göstereceğinizi öğrenin.
Donanım kod çözme özelliğine sahip yüksek performanslı video
Donanım video desteği, HTML5 video ve eklentilere etkili kod çözme olanağı sağlar. Flash kullanıcıları, eski stildeki Video'dan StageVideo nesnesine geçmelidir.
Yerel Değişiklikler
Yerel değişiklikler, belirli kaynak dosyalarda yapılan değişiklikleri (Geliştirici Araçları üzerinden) görmenize olanak tanır.
Kalıcı yeniden yükleme
Geliştirici Araçları açıkken yeniden yükle düğmesini tıklayıp basılı tutarak diğer seçenekleri görebilirsiniz.
Konumları düzenleme arasında geçiş yapın
İmleç konumu geçmişiniz Kaynaklar Paneli'nde saklanır ve önceki düzenleme konumlarında Alt+(geri) veya Alt+(ileri) tuşlarıyla geçiş yapmanıza olanak tanır.
Bir ağ kaynağının yanıtını panonuza kopyalayın
Bir ağ kaynağının istek/yanıt başlıklarını kopyalamanın yanı sıra yanıtın kendisini de kopyalayabilirsiniz.
Sürükleyerek sütun seçimi yapın
Fareyi sürüklerken Alt tuşunu basılı tutarak Kaynak Paneli düzenleyicisinde sütun seçimi yapabilirsiniz.
Önceden tanımlanmış snippet'ler
Herhangi bir web sayfasında önceden tanımlanmış kod snippet'leri nasıl çalıştırılır?
Öğe etiketlerini hızlıca düzenleyin
Nesne Paneli'nde bir düğümü düzenlemek için açılış etiketi adını çift tıklayabilirsiniz.
Resmi veri URI'si olarak kopyala
Bir resmi Veri URI'si (temel 64 olarak kodlanmış) olarak kopyalamak için Kaynaklar Paneli'ndeki bir resmin önizlemesini sağ tıklayın.
Eşleşen seçicileri göster
Stiller Bölmesi'nde bir seçiciyi görüntülerken, virgülle ayrılmış seçici bölümleri, seçilen DOM düğümüyle eşleşip eşleşmediklerine bağlı olarak farklı şekilde renklendirilir.
Konsol Paneli'nden etkinlikleri hızlı bir şekilde izleyin
Komut Satırı API'si izleme yöntemini kullanarak bir nesneye gönderilen tüm etkinlikleri günlüğe kaydedebilirsiniz(nesne [, etkinlikler]).
Kaynak paneline birden fazla imleç eklemek için komut simgesini tıklayın
Geliştirici Araçları'ndaki kaynaklar panelinde çoklu imleç düzenlemesini nasıl yapacağınızı öğrenin.
Klavye kısayoluyla Geliştirici Araçları yuva durumunu değiştirin
Geliştirici Araçları yuva durumunu son kullanılan iki durum arasında değiştirmek için Cmd + Shift + D tuşlarını kullanın.
Klavye kısayoluyla Geliştirici Araçları yuva durumunu değiştirin
Geliştirici Araçları yuva durumunu son kullanılan iki durum arasında değiştirmek için Cmd + Shift + D tuşlarını kullanın.
Tamamlanmamış ağ istekleri
Tamamlanmamış ağ isteklerini (ör. çalışan istekleri) görmek için Is:çalışıyor Gelişmiş Ağ Filtresini kullanabilirsiniz.
Yumuşak geçiş düzenleyici
Davranışına ilişkin görsel animasyonlu bir önizleme almak için bir yumuşak geçiş CSS özelliği seçin.
Cep telefonu için otomatik olarak büyük harf kullan
Kullanıcılar için başka bir metin girişi sorunu kaldırılıyor.
Komutları kesme ve kopyalama
Kesme ve kopyalama komutu desteği, seçilen metni programlı bir şekilde kesip kullanıcının panosuna kopyalamanıza olanak tanır.
Uzaktan hata ayıklama Android cihazlarda
Android cihazda Windows, Mac veya Linux bilgisayar kullanarak uzaktan hata ayıklama.
Console Utilities API referansı
Chrome Geliştirici Araçları Konsolu'nda bulunan kolaylık işlevleri referansı.
Sayfa kaynaklarını görüntüleyin
Kaynakları çerçeveye, alana, türe veya başka kriterlere göre düzenleyebilirsiniz.
DOM Özellikleri artık prototip zincirinde
Chrome, spesifikasyona uyuyor. Özellik yayılımı için WebKit mantığının kullanıldığını varsayıyorsanız sitelerinizi kontrol edin
Kaynak eşlemeleriyle dağıtılmak yerine orijinal kodunuzda hata ayıklama
İstemci taraflı kodunuzu birleştirdikten, küçültdükten veya derledikten sonra bile okunabilir ve hata ayıklanabilir halde tutun.
Web Görünümlerinde uzaktan hata ayıklama
Chrome Geliştirici Araçları'nı kullanarak yerel Android uygulamalarınızda Web Görünümleri'nde hata ayıklama yapın.
Diğer Tarayıcıları Öykünme ve Test Etme
İşiniz, sitenizin Chrome ve Android'de sorunsuz çalışmasını sağlamakla bitmez. Cihaz Modu, iPhone'lar gibi bir dizi başka cihazı simüle etse de, emülasyon için diğer tarayıcı çözümlerine göz atmanızı öneririz.
Web için Permissions API
Permissions API, bir API'nin izin durumunu kontrol edebileceğiniz merkezi bir yer sağlar.
Web animasyonlarını adlandırmada basitleştirilmiş kavramlar
Geliştiricilerden aldığımız geri bildirimler doğrultusunda, Web Animasyonları'nın yakında kullanıma sunulacak bazı özellikleri yeniden adlandırılmaktadır.
Geliştirici Araçları'nın yeni adresi
developer.google.com/web adresindeki yeni e-postamıza taşındık ve sizin için yeni mükemmel eğiticiler ve ipuçları yayınladık.
DevTools Zaman Çizelgesi: Artık hikayenin tamamını sunuyoruz
Geliştiricilere sitelerinin çalışma zamanı performansı hakkında daha fazla bilgi sağlamak için Chrome Geliştirici Araçları'nın Zaman Çizelgesi panelini yeni sürüme geçirdik.
HTML5 Çevrimdışı Depolama Alanını Yönetme
Chrome Uygulamanızın çevrimdışı çalışması için verileri istemci tarafında depolama.
Web Bileşenleri ve JSON-LD ile semantik siteler oluşturma
Bileşenlerinize schema.org işaretlemesi ekleyin ve bunları arama motorlarıyla uyumlu hale getirin.
Sanal Görüntü Alanı nedir?
Sanal görüntü alanı, görüntü alanının düzenini ve görüntülenmesini ayırır.
ES6 Şablon Dizeleri ile Hazırlanın
Şablon Yerleştirilmiş ifadeler içeren dize değişmez değerleri. Bunu yıllardır bekliyorduk. Gerçek anlamda
Chrome Geliştirici Zirvesi 2014 - Şimdi Polymer ile bazı uygulamalar geliştirelim
Polimer şekilde uygulama geliştirme.
moveBefore() ile DOM mutasyonları sırasında durumu koruma
Kritik durumu kaybetmeden düğümleri DOM'da taşıma
Yerel Uygulama Yükleme İstemi
Yerel uygulama yükleme banner'ları, kullanıcıların tarayıcıdan ayrılmadan cihazlara uygulama mağazasından yerel uygulamanızı hızlı ve sorunsuz bir şekilde yüklemesini sağlar.
Mobil web geliştirmenin temelleri
Chrome ekibinin, geliştiricilerin web geliştirmeye başlamasına ve sitelerinde yineleme yapmasına yardımcı olmak için yaptığı çalışmalara hızlı bir bakış.
Geliştirici geri bildirimi gerekiyor - Frame Timing API
İnternette saniyedeki kare sayısını ölçmeye yardımcı olacak yepyeni bir API üzerinde çalışıyor ancak geri bildiriminize ihtiyaç duyuyor.
Android için Chrome 39'da tema rengi desteği
Android için Chrome'da araç çubuğu rengini ayarlamak için tema rengi kullanın.
2. Adım: Mevcut Bir Web Uygulamasını İçe Aktarın
Mevcut bir web uygulaması Chrome Uygulamaları platformuna nasıl uyarlanır?
3. Adım: Alarm ve bildirimleri ekleyin
Chrome Uygulamanızı belirtilen aralıklarda uyandırma ve bildirimleri kullanma.
4. Adım: Harici Bağlantıları Web Görünümü ile Açma
Chrome Uygulamanızda harici web içeriği nasıl gösterilir?
1. Adım: Bir Chrome Uygulaması Oluşturun ve Çalıştırın
Temel Chrome Uygulaması oluşturma, yükleme, çalıştırma ve uygulamada hata ayıklama.
6. Adım: Yapılacakları Dosya Sistemine Dışa Aktar
Chrome Uygulamanızdan dosya sistemine nasıl veri yazabilirsiniz?
Chrome 39'da işaretçi verileri gönderme
Chrome 39, sayfa kaldırma etkinlikleri sırasında küçük eşzamansız HTTP istekleri gönderilmesine olanak tanıyan Beacon API'yi uygular.
Hassas hareketler için hassas dokunma
TouchEvents, değişen ekran yoğunluklarını hesaba katmak için tam sayılar yerine kayan değerler döndürecek şekilde Chrome'da değiştirildi. Bu sayede, yavaş hareketler sırasında daha ayrıntılı geri bildirim sağlanır.
Kodlama API'si ile ArrayBuffer'dan Dizeye dönüştürme işlemi daha kolay
Yerel Kodlama API'si, ham ikili veriler ile JavaScript dizeleri arasında dönüştürme yapmak için kolay bir yol sunar.
ES6 yönteminde toplama ve yineleme
Haritalar, Kümeler ve iterasyon/yineleme için, veri koleksiyonlarıyla çalışma şeklinizi değiştirebilen ES6 özellikleri vardır.
Chrome 37 Beta sürümünde iletişim kutusu öğesi gönderildi
Chrome Beta, yeni ve öğe sayfası için yerel desteğini
Web Performansı Ölçümünü Otomatikleştirme
Derleme işleminize web performansı metriklerini dahil etmek için PSI'yı kullanın.
Chrome Dev'de IndexedDB için Blob desteği kullanıma sunuldu
Chrome için uzun süredir beklenen özellik olan IndexedDB'deki Blob desteği, Chrome Dev sürümüne geçti.
Web Animasyonları - item.animate() artık Chrome 36'da
Web Animasyonları, Web platformunda animasyonu ve senkronizasyonu desteklemek için bir model tanımlar. Asset.animate(), Chrome'a açılan bu parçalardan ilkidir.
Daha uyumlu, daha akıcı bir dokunuş
Kullanıcılarınız ve siz tepki veren ve yumuşak bir şekilde dokunan mobil web uygulamaları istersiniz. Bunları geliştirmek kolay olmalıdır, ancak ne yazık ki mobil web tarayıcılarının kaydırma sırasında dokunma etkinliklerine nasıl tepki verdiği [TouchEvent](https://www.w3.org/TR/Touch-events/) özelliğinde uygulama ayrıntısı olarak bırakılmıştır.
Apache Cordova'yı Kullanarak Chrome Uygulamalarını Mobil Cihazlarda Çalıştırma
Chrome uygulamanızı Android ve iOS cihazlarda çalışacak şekilde ayarlamak için Apache Cordova'yı nasıl kullanacağınızla ilgili kılavuz.
Chrome Geliştirici Araçları ile eşzamansız JavaScript hatalarını ayıklama
JavaScript'i benzersiz kılan güçlü özelliklerden biri, geri çağırma işlevleri aracılığıyla eşzamansız olarak çalışabilmesidir. Eşzamansız geri çağırma atama, etkinlik odaklı kod yazmanıza olanak tanır ancak JavaScript doğrusal bir şekilde
CSS ızgarasından yararlanın
CSS Izgara Düzeni, web uygulamaları için ideal olan yeni düzen temel öğeleri sağlayan yeni bir CSS3 modülüdür.
Chrome 33 Barındırma Değişiklikleri
Chrome'un 33 sürümünde başlatılan Chrome Uzantıları için barındırma değişiklikleriyle ilgili ayrıntılar.
Web Görünümü iş akışı
Web uygulaması oluşturmak için Yeoman, Gradle ve Grunt'ı nasıl kullanacağınızı öğreten bir eğitim.
Eğitim: Manifest V2'ye Taşıma
Manifest v1'den manifest v2'ye taşıma işlemi gerçekleştirmeyle ilgili yönergeler.
Web geliştiricileri için Web Görünümü uygulamaları
Web uygulaması oluşturmak için Yeoman, Gradle ve Grunt'ı nasıl kullanacağınızı öğreten bir eğitim.
Yeoman Aylık Özeti
Yüksek kaliteli Yeoman makaleleri, oluşturucuları ve proje haberleri içeren aylık özet.
Yo Polymer - Web Bileşeni Araçlarıyla İlgili Fırtına Turu
Web Bileşenleri, Polymer ve bunlar için ön uç araçları hakkında kısa bir tur.
Chrome Dev Summit - Web platformu özetini aç
Açık Web Platformu'nun becerileri daha önce hiç görülmemiş bir hızda artıyor. Chrome Dev Summit'te, platform için Blink, Güvenlik ve Medya'yı iyileştirmek üzere nasıl çalıştığımızı konuştuk.
Chrome Dev Summit - Bildirim temelli, kapsüllenmiş, yeniden kullanılabilir polimer bileşenler
Polimer, Web Bileşenleri'nin muhteşem geleceğine açılan bir kapı. Chrome Geliştirici Zirvesi'nden Web Bileşenleri ve Polymer hakkında daha fazla bilgi
Chrome Dev Summit - Mobil özeti
Chrome Dev Summit'te paylaşılan bir dizi raporun ilkini burada bulabilirsiniz. Mobil ve Cihazlar arası geliştirme konularına büyük önem verildiği için ilk olarak bununla başlayalım.
Yeoman Aylık Özeti
Yeoman topluluğu tarafından yazılan makalelerin, videoların ve konuşmaların düzenli olarak özetlenmesi.
Yeni web animasyonları motoru yanıp sönerek CSS animasyonlarını ve geçişlerini artırıyor
Web Animasyonları 1.0'ın bir uygulaması sonucunda Blink, CSS Animasyonlarını ve Geçişlerini destekliyor.
DevTools Özeti Aralık 2013
Chrome Geliştirici Araçları'nda yapılan değişikliklerle ilgili son güncelleme.
300 ms dokunma gecikmesi, kayboldu
Mobil tarayıcılardaki her tıklama etkileşimi 300 ms'lik gecikmeyle engellense de mobil cihazlar için optimize edilmiş siteler için Chrome 32'de bu durum ortadan kalktı!
Yönetilen depolama alanı için manifest
manifest.json dosyasının depolama özelliğiyle ilgili referans dokümanları.
Depolama alanları için manifest
manifest.json dosyasının depolama özelliğiyle ilgili referans dokümanları.
Chrome Geliştirici Araçları Kasım özeti
Chrome Geliştirici Araçları hızlı ilerler. Bu nedenle, birkaç bileşende sunduğumuz yeni işlevlere ve iyileştirmelere dikkatinizi çekmek istiyoruz. Şimdi de bazı kullanıcı arayüzü değişiklikleri, yüksek çözünürlüklü JS profili oluşturma ve yeni
Yeoman Aylık Özeti
Yeoman topluluğu tarafından yazılan makalelerin, videoların ve konuşmaların düzenli olarak özetlenmesi.
Kullanıcı arabirimi geliştirme otomasyonunun yapısı (Slaytlar)
İş akışı otomasyonuna yönelik araçlarla kullanıcı arabirimi üretkenliğinizi nasıl artıracağınızı öğrenin.
Web Audio canlı ses girişi, artık Android'de
Android için Chrome (v31.0.1650+), Web Audio API'sı aracılığıyla ses girişi desteğini kullanıma sunmuştur.
Geliştirici Araçları yanıtları: Hangi yazı tipi?
Metin oluşturmak için hangi yazı tipinin kullanıldığını hiç merak ettiniz mi? Chrome Geliştirici Araçları her şeyi açık bir şekilde gösterdiği için artık merak etmeyin.
iletişim öğesi - kalıcı iletişimler artık daha kolay
Daha önce hiç kendi kalıcı iletişim kutunuzu oluşturdunuz mu? İletişim kutuları web platformunun bir parçası hâline geliyor. Kısa süre sonra, bunu yapmanıza gerek olmayacak.
externally_connectable
manifest.json dosyasının external_connectable özelliği için referans belgeleri.
externally_connectable
manifest.json dosyasının external_connectable özelliği için referans belgeleri.
Chrome videosunda alfa şeffaflığı
WebM kısa süre önce alfa şeffaflığını ekledi. Chrome 31 sürümünde bu özellik için destek sunulmaya başladı.
Chrome Geliştirici Araçları Devrimleri 2013
Web uygulamalarının karmaşıklığı ve işlevselliği arttıkça Chrome Geliştirici Araçları da gelişti. Paul Irish'ın Google I/O 2013'teki Chrome DevTools Revolutions 2013 konuşmasının özetinde, web uygulamalarını oluşturma ve test etme şeklinizde devrim
Manifest V2 - Sürüm [Desteği sonlandırıldı]
manifest.json dosyasının sürüm özelliğiyle ilgili referans dokümanları.
Manifest: Varsayılan Yerel Ayar
manifest.json dosyasının default_locale özelliği için referans dokümanları.
Manifest: Web'den Erişilebilir Kaynaklar
manifest.json dosyasının web_accessible_resources mülkü için referans dokümanları.
Manifest - Minimum Chrome Sürümü
manifest.json dosyasının minimum_chrome_version özelliği için referans belgeleri.
Manifest: Ad ve Kısa Ad
manifest.json dosyasının name ve short_name özellikleri için referans belgeleri.
Manifest: Web'den Erişilebilir Kaynaklar
manifest.json dosyasının web_accessible_resources mülkü için referans dokümanları.
Manifest: Varsayılan Yerel Ayar
manifest.json dosyasının default_locale özelliği için referans dokümanları.
Manifest: Çevrimdışı Etkin
manifest.json dosyasının offline_enabled özelliği için referans dokümanları.
Manifest - Dosya İşleyiciler
manifest.json dosyasının file_handlers özelliği için referans dokümanları.
Özel Filtrelere (CSS Gölgelendiriciler olarak da bilinir) giriş
Özel Filtrelere (CSS Gölgelendiriciler olarak da bilinir) giriş
Geliştirici Araçları' sürekli boyama moduyla uzun boyama sürelerinin profilini oluşturma
Geliştirici Araçları' sürekli boyama moduyla uzun boyama sürelerinin profilini oluşturma
WebRTC - RTCDataChannel demosu, API değişiklikleri... ve Chrome Firefox'la konuşuyor
WebRTC - RTCDataChannel demosu, API değişiklikleri... ve Chrome Firefox'la konuşuyor
CSS arka planı kısayolu mobil WebKit tarayıcılarına geliyor
CSS arka planı kısayolu mobil WebKit tarayıcılarına geliyor
Ses temelli web uygulamaları - Web Speech API'ye Giriş
Sesle Çalışan Web Uygulamaları - Web Speech API'ye Giriş
Sencha Ext JS ile Uygulama Geliştirin
Sencha Ext JS çerçevesiyle Chrome Uygulamaları nasıl oluşturulur?
CSS gölgelendiriciler ve Google Haritalar ile etkileşimli yerküre
CSS gölgelendiriciler ve Google Haritalar ile Etkileşimli Dünya
OAuth 2.0: Kullanıcıların kimliğini Google ile doğrulama
Bir kullanıcının Google kişilerine Google People API, Chrome Identity API ve OAuth2 yoluyla erişen bir uzantının nasıl oluşturulacağına ilişkin adım adım talimatlar.
Chrome Web Store
Uzantınızı Chrome Web Mağazası'nda barındırma ve Chrome Web Mağazası'nda barındırılan bir uzantıyı güncelleme.
Manifest sürümü
Manifest.json dosyasının manifest_version özelliği, bir Chrome Uzantısının manifest spesifikasyonunun hangi sürümünü hedeflediğini belirtir.
Yerelleştirme mesajı biçimleri
Chrome uzantıları için messages.json dosyasının biçimiyle ilgili referans dokümanlar.
Hata ayıklama uzantıları
Chrome Uzantılarının nasıl hata ayıklanacağına ilişkin adım adım talimatlar.
Chrome sayfalarını geçersiz kılma
Chrome yer işareti yöneticisini, geçmişi ve yeni sekme sayfalarını Chrome Uzantınızdan geçersiz kılma.
Eşleşme kalıpları
Örneklerle ana makine izni ve içerik komut dosyası kalıbı eşleşmesinin işleyiş şekli.
Manifest dosyası biçimi
Chrome Uzantınızda kullanabileceğiniz manifest.json özelliklerine genel bakış.
İzinleri beyan edin ve kullanıcıları uyarın
Kullanıcılarınızı ve uzantınızı korumak için izinler nasıl uygulanır?
Eğitim: Google Analytics
Uzantınızın Google Analytics ile kullanımını nasıl izleyeceğinize ilişkin adım adım talimatlar.
Korumalı alana alınmış iframe'lerde eval() işlevini kullanma
Chrome Uzantısında eval() nasıl kullanılır?
Chrome sayfalarını geçersiz kıl
Chrome yer işareti yöneticisini, geçmişi ve yeni sekme sayfalarını Chrome Uzantınızdan geçersiz kılma.
OAuth2: Kullanıcıların kimliğini Google ile doğrulama
Bir kullanıcının Google kişilerine Google People API, Chrome Identity API ve OAuth2 yoluyla erişen bir uzantının nasıl oluşturulacağına ilişkin adım adım talimatlar.
Google Analytics 4'ü kullanma
Uzantınızın Google Analytics 4 ile kullanımını nasıl izleyeceğinize ilişkin adım adım talimatlar.
İçerik Güvenliği Politikası
Chrome Uygulamaları için CSP'ye ve buna uyum sağlanmasına yönelik genel bakış.
Geliştirici Araçlarının Kapsamını Genişletin
Chrome Geliştirici Araçları'na özellikler ekleyen bir Chrome Uzantısı nasıl oluşturulur?
İçerik komut dosyaları
İçerik komut dosyaları ve bunları Chrome Uzantınızda nasıl kullanacağınızla ilgili açıklama
Alternatif uzantı dağıtım seçenekleri
Chrome Uzantıları, Chrome Web Mağazası dışında nasıl dağıtılır?
Arka plan komut dosyalarıyla etkinlikleri yönetme
Bir Chrome Uzantısı arka plan komut dosyasından tarayıcı tetikleyicilerine (etkinlikler) nasıl yanıt verilir?
İçerik komut dosyaları
İçerik komut dosyaları ve bunları Chrome Uzantınızda nasıl kullanacağınızla ilgili açıklama
Alternatif yükleme yöntemlerini kullanın
Tercihler JSON veya Windows kayıt defteri kullanarak Chrome Uzantıları nasıl yüklenir?
Geliştirici Araçları'nın Kapsamını Genişletme
Chrome Geliştirici Araçları'na işlev ekleyen Chrome Uzantısı nasıl oluşturulur?
Yığın değişiklikleri pozisyona geliyor:sabit öğeler
yığma değişiklikleri pozisyona geliyor:sabit öğeler
Açılışlarınızı sabit tutun! pozisyonu - WebKit'te yapışkan yerler
Açılışlarınızı sabit tutun! pozisyonu - WebKit'te yapışkan yerler
Giriş[type=file] dosyasını Filesystem API ile entegre etme
Giriş[type=file] dosyasını Filesystem API ile entegre etme
Milisaniye cinsinden yeterli olmadığında - Performance.now
Milisaniye cinsinden yeterli olmadığında - Performance.now
aralık/renk girişleri için veri listesi bazı varsayılan seçenekler sunar
aralık/renk girişleri için veri listesi bazı varsayılan seçenekler sunar
Google Chrome'da giriş[type=date] ile ilgili hızlı SSS
Google Chrome'da giriş[type=date] ile ilgili hızlı SSS
Artık bir klasörü Chrome'a sürükleyip bırakabilirsiniz
Artık bir klasörü Chrome'a sürükleyip bırakabilirsiniz
CSS Bölgeleri ve 3D dönüşümleri kullanarak çevrilebilir kitap yazma
CSS Bölgeleri ve 3D dönüşümleri kullanarak çevrilebilir kitap yazma
İçerik Güvenliği Politikası
İçerik Güvenliği Politikası, modern tarayıcılarda siteler arası komut dosyası çalıştırma saldırılarının riskini ve etkisini önemli ölçüde azaltabilir.
ArrayBuffer, String'e ve String'den nasıl dönüştürülür
ArrayBuffer, String'e ve String'den nasıl dönüştürülür
Bloblar değil, yapın
File API'deki en son özellik değişiklikleri Blob için yeni bir oluşturucu içeriyor. Bu, BlobBuilder'ı alakasız hale getiriyor.
Websocket Frame Denetleme artık Chrome Geliştirici Araçları'nda
WebSockets'ta kablo üzerinden geçen verilere inceleme yeteneği ekleme
Chrome Canary'ye gelen veri listesi
Uygulamanız, "veri listesi"ni kullanarak kullanıcıların aralarından seçim yapması gereken önerilen sonuçların listesini tanımlayabilir. Listeden bir seçenek belirleyebilir veya serbest biçimli metin girebilirler.
PHP'de XHR2 dosya yüklemelerini işleme
Dosya yüklemelerinin nasıl işleneceğini gösteren bir sunucu kodu örneği
WebRTC Prototonu
24 Mart'ta Google, dünyanın ilk WebRTC geliştirici etkinliği olan WebRTC Protothon'unu düzenledi.
requestAnimationFrame API - artık bir milisaniyeden kısa hassasiyetle
equestAnimationFrame API'nin bir bölümünde bir değişiklik yapılacak
DOM performansında büyük artış: WebKit's internalHTML% 240 daha hızlı
Chrome Mühendisi Kentaro Hara, WebKit'te yedi kod optimizasyonu yaparak Safari (JavaScriptCore) ve Chrome (V8) performansını artırdı.
Web tarayıcısı dahili kaynaklarının özeti
Web tarayıcılarının iç işleyişini açıklayan kaynakların çoğu
HTML5 FileSystem API'yi kullanarak sayfanın tamamını çevrimdışına alma
FileSystem API'si dosyaları ve klasör hiyerarşilerini yerel (korumalı alan) dosya sisteminde programatik olarak depolamaya ve ardından gerektiğinde bağımsız kaynakları eklemeye/güncellemeye/kaldırmaya olanak tanır
JavaScript Kaynak Haritaları'na giriş
Müşteri tarafı kodunuzu birleştirip küçülttükten sonra bile performansı etkilemeden okunabilir ve daha da önemlisi hata ayıklama yapılabilir durumda tutmayı hiç dilediniz mi? Artık kaynak haritalar sayesinde bunu yapabilirsiniz. Kaynak eşlemeleri,
JavaScript'i optimize etme
JavaScript nispeten hızlıdır ancak her zaman daha hızlı çalışabilir. JavaScript'inizi performans için nasıl optimize edeceğiniz hakkında daha fazla bilgi edinin.
Yeni deneysel özellik - kapsamlı stil sayfaları
Chromium kısa süre önce HTML5'teki yeni bir özelliği kullanıma sundu: kapsamlı stil sayfaları.
WebGL ve Web Audio API demo özeti
Son birkaç haftadır gördüğüm bazı etkileyici WebGL ve Web Audio API demolarına göz atalım.
SwiftShader, yazılım 3D oluşturma özelliğini Chrome'a getiriyor
SwiftShader, Chrome 18'de kullanılan ve reddedilenler listesine alınan GPU'larda bile CSS 3D ve WebGL'yi kullanabilmenizi sağlayan bir yazılım 3D oluşturucudur.
Gmail'in tüm mailto işlemlerini işlemesini sağlama - recordProtocolHandler ile bağlantılar
navigator.registerProtocolHandler() sayesinde, Gmail'i tüm mailto bağlantıları için varsayılan posta istemciniz olarak bağlayabilirsiniz.
Android için Chrome - Mobil Web'i Hızlandırma
Android için Chrome Beta, Chromium açık kaynak projesini temel alır ve Chrome geliştiricilerinin bildiği ve sevdiği en yeni HTML5 özelliklerinin birçoğunu bu projede sunar.
İşaretçi Kilidi API'si FPS oyunlarını tarayıcıya taşır
Pointer Lock API, web için uygun birinci şahıs nişancı oyunları yazmayı mümkün kılar.
HTML5 Audio ve Web Audio API'si BFF'dir
createMediaElementSource(), HTML5'i Web Audio API'sının görselleştirme, filtre ve işleme gücüyle birleştirmenize olanak tanır.
Eşzamanlı XHR'lerden kurtulma
Dikkat! XMLHttpRequest2 spesifikasyonu, kısa bir süre önce XMLHttpRequest.YanıtType ayarlandığında eşzamanlı istek gönderilmesini engelleyecek şekilde değiştirildi.
Web Audio ile ilgili SSS
Bu hızlı güncelleme, Web Audio API deneyiminizi daha keyifli hale getirmek için sık sorulan sorulardan bazılarını ele almak amacıyla hazırlanmıştır.
Video oynatıcı örneği tanıtımı
Video Oynatıcı Örneği, 60 Minutes ve RedBull.tv uygulamalarıyla aynı mimari kullanılarak oluşturulmuş açık kaynaklı bir video oynatıcı web uygulamasıdır.
WebKit'e açılan CSS Filtre Efektleri
Adobe, bu muhteşem teknolojiyi CSS'ye getirmek için yoğun şekilde çalışıyor. Özellikle, WebKit'in uygulamaya başladığı CSS Filter Effects 1.0 sürümünden bahsediyorum.
Aktarılabilir nesneler: Işık hızında
Aktarılabilir nesnelerle, veriler bir bağlamdan diğerine aktarılır. Sıfır kopyadır ve bir Çalışana veri gönderme performansını önemli ölçüde iyileştirir.
Mümkün olduğunda WebGL'de orta düzey hassasiyet kullan
Gerçek OpenGL ES 2.0 donanımında WebGL'yi test eden Opera arkadaşlarımızdan bir uyarı.
Hız için Chrome Geliştirici Araçları
Uygulamalarınızın hızını artırmak için Chrome'da Geliştirici Araçları'nı kullanma
MediaSource API'sını kullanarak video akışı
MediaSource API'sı, JavaScript'in oynatma için medya akışları oluşturmasına izin vermek üzere "HTMLMediaElement" öğesini genişletir.
WebGL demo özeti
Tarayıcınızın gerçekten neler yapabileceğini göstermek için web'den birkaç yeni WebGL demosunu burada bulabilirsiniz.
Uygulama önbelleği araçları ve Otomatik Oluşturucular
Uygulama önbelleği web uygulamanızı çevrimdışı olarak çalıştırmanıza yardımcı olur, başlatma süresini önemli ölçüde kısaltır ve bant genişliği faturasını azaltır.
IndexedDB işlemlerinde kapsamı tanımlama
IndexedDB, tarayıcıda önemli miktarda yapılandırılmış veri depolamak için kullanılan, gelişen bir web standardıdır.
İçeriğiniz Konuşuyor - Tam Ekran API'sı
Tam Ekran API'sı, web uygulamalarının sayfadaki herhangi bir içeriğe JavaScript'ten tarayıcının tam ekran görüntüleme moduna girmelerini programlı bir şekilde bildirmesine olanak tanır.
WebSockets, Chrome Canary'de en son sürüme güncellendi
Chrome Canary'de WebSocket API en son sürüme (13) yükseltildi
HTML5 ve tarayıcı desteğini takip etme
Aslına bakarsanız bu özelliklere ayak uydurmak zor olabilir. Ama nereye bakacağınızı bilemezsiniz.
Three.js ile yolculuk yapma
Giderek daha fazla geliştiricinin yeni 3D demo'lar üretmeye başladığını görüyoruz. OpenGL uzmanları veya bu çözümle oynamaya başlayan yeni maceracılar olabilirler.
HTML5 oyun geliştiricileri için yeni Oyun Konferansı kuponu
Yeni Oyun'da HTML5 ve WebGL oyunları yazmayı öğrenerek TPS raporlarımı tamamlamaktan alıkoy.
7 dakikalık videolar - JavaScript konsolu uzmanları ve yeni DOM API'leri
Chrome Geliştirici Araçları'ndaki JavaScript konsolunda seviye atlayın.
Çalışanlar ♥ ArrayBuffer
Chrome 13 ve FF5, Web Çalışanına/Web Çalışanına bir "ArrayBuffer" (veya Yazılı Dizi) göndermeyi destekler
Yeni WebSocket protokolündeki farklar
WebSocket protokolü spesifikasyonu, önceki güvenlik sorunlarını gidermek için yakın zamanda güncellenmiştir ve büyük oranda kararlıdır.
Filesystem API'de Hata Ayıklama
HTML5 Dosya Sistemi güçlü bir API'dir. Güç, karmaşıklığı da beraberinde getirir. Karmaşıklık arttıkça hata ayıklama hayal kırıklığı da artar.
File System API ile yerel dosyaları arama
Bir Dosya nesneniz varsa, dosyanın tamamını belleğe okumadan bu nesnenin içini arayabilir ve parçaları okuyabilirsiniz.
HTML5 oyun geliştiricilerine yönelik konferansı Yeni Oyun ile tanışın
Lütfen 1-2 Kasım 2011 tarihlerinde San Francisco, Kaliforniya'da gerçekleştirilecek olan New Game etkinliğine katılın.