Chrome'u keşfedin
Chrome Extensions
Chrome uzantılarının nasıl geliştirileceğini öğrenin.
- Chrome uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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
- Chrome uzantıları
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'u uçtan uca taşıma kılavuzu
Kenardan kenara web deneyimleri oluşturma
Android'de Chrome'un tam ekrana geçmesine hazırlanın
Android'de Chrome 135'ten itibaren tam ekran modu kullanıma sunulacak.
- Chrome
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ı
Chrome Geliştirici Araçları ile gelişmiş ağ analizi
Chrome Geliştirici Araçları ile gelişmiş ağ analizi yapın.
- Chrome
- Chrome Geliştirici Araçları
Pop-up = hint
İpuçları ve diğer yüzen öğeleri basitleştiren pop-up'ın yeni modunu keşfedin.
- Chrome
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
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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
- Chrome Geliştirici Araçları
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
- Chrome uzantıları
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
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 uzantıları
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
- Chrome uzantıları
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.
- Chrome
Boyutlar
CrUX boyutlarıyla ilgili teknik dokümanlar.
- Chrome Kullanıcı Deneyimi Raporu
Docs
Derlediğiniz şey için ihtiyaç duyduğunuz kod örnekleri, kılavuzlar ve API referansı.
Chrome for Developers
Web'de geliştirme, büyüme ve yenilik yapmanıza yardımcı olur.
- Chrome
Uzantılar / Başlayın
Chrome uzantılarını kullanmaya başlamak için gereken temel bilgiler
- Chrome uzantıları
Chrome 134 beta
Chrome'a eklenen en yeni özellikleri keşfedin.
- Chrome
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
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 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 uzantıları
Chrome 133
CSS gelişmiş attr(), text-box-trim, scroll-state kapsayıcı sorguları ve daha fazlası.
- Chrome
Chrome 133'teki yenilikler
Chrome 133 kullanıma sunuldu. Keşfedebileceğiniz heyecan verici yeni CSS özellikleri ve daha fazlası var.
- Chrome
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
- Chrome
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
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 uzantıları
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 uzantıları
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 uzantıları
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ı.
- Chrome Geliştirici Araçları
- Chrome
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ı.
- Chrome
- 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ış.
- Chrome uzantıları
- Chrome
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.
Sürüm notları
Chrome'da yapılan ve geliştiricileri etkileyen değişiklikler hakkında bilgi edinin
- Chrome
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.
- Chrome
- Chrome uzantıları
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.
- Geçiş anahtarları
- Chrome
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.
- Chrome
Geliştirici Araçları İpuçları
Geliştirici Araçları İpuçları
- Chrome Geliştirici Araçları
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.
- Chrome
- Geçiş anahtarları
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.
- Chrome
CSS scroll-state()
Kapsayıcı sorguları gibidir ancak takılı, sabitlenmiş ve taşkın sorgular için kullanılır.
- Chrome
Chrome 133 beta
Chrome'da kullanıma sunulan en yeni özellikler hakkında bilgi edinin.
- Chrome
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
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.
- Chrome
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
- Chrome Geliştirici Araçları
CSS text-box-trim
Metin içeriğinizin üstünden ve altından yer açın, görsel dengeye ulaşın.
- Chrome
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 uzantıları
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 uzantıları
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.
- Chrome
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
- Chrome Geliştirici Araçları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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ı.
- Chrome
- WebGpu
Chrome uzantılarındaki yenilikler
Chrome uzantıları platformu, dokümanları ve politikasında yapılan son değişiklikler
- Chrome uzantıları
Web GPU'su
Kılavuzlar, demolar ve en son haberlerle WebGPU'yu öğrenin
Chrome ile geliştirin
Chrome'un en son kararlı ve beta sürümlerine nelerin dahil olduğunu öğrenin.
Ödemeler
Chrome'da en yeni Payment API'lerini nasıl kullanacağınızı öğrenin
Gizlilik ve güvenlik
Chrome'un gizlilik ve güvenlik özellikleri hakkında bilgi edinin.
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 uzantıları
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 uzantıları
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 uzantıları
Deniz Feneri
Lighthouse ile web performansı denetimlerini otomatikleştirme
Performans
Chrome'un performans araçlarıyla web uygulamalarınızın performansını optimize edin.
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 uzantıları
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 uzantıları
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 uzantıları
Tarayıcı desteği
Özel Sekme özelliklerine ve bunların tarayıcı kullanılabilirliğine genel bakış.
Kimlik
Chrome'un Web Kimlik Doğrulaması gibi kimlik özellikleri hakkında bilgi edinin.
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.
- Chrome uzantıları
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.
WebView'e genel bakış
WebView bileşeni, Chromium açık kaynak projesini temel alır.
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 uzantıları
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.
- Chrome
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.
- Chrome
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.
- Chrome Geliştirici Araçları
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.
- Chrome
- Chrome Geliştirici Araçları
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.
- Chrome Geliştirici Araçları
DevTools ile performans izleme kaydetme ve analiz etme
Geliştirici Araçları ile performans izleme kaydını alıp analiz edin.
- Chrome
- Chrome Geliştirici Araçları
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 Geliştirici Araçları
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ı
- Chrome uzantıları
Prompt API
Chrome Uzantılarındaki Prompt API'nin sonsuz olanaklarını keşfedin.
Uzantılar ve yapay zeka
Yapay zeka ile uzantı geliştirmeyi öğrenin
- Chrome uzantıları
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
- Chrome Geliştirici Araçları
Chrome DevTools
Yapay zeka asistanı ile ilgili en son haberleri ve kullanım alanlarını keşfedin
- Chrome Geliştirici Araçları
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 uzantıları
chrome.documentScan
Ekli belge tarayıcılardan görüntü keşfetmek ve almak için chrome.documentScan API'sini kullanın.
- Chrome uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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
- Chrome uzantıları
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
CrUX Araçları
CrUX araçlarıyla ilgili teknik dokümanlar.
- Chrome Kullanıcı Deneyimi Raporu
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 uzantıları
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 uzantıları
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 uzantıları
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.
- Chrome uzantıları
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.
- Chrome
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.
- Chrome
- 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 uzantıları
- Chrome
Şifre anahtarları
Şifreler için daha kolay ve daha güvenli bir yedek.
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
- Geçiş anahtarları
- Chrome
Chrome 132 beta
Chrome'da kullanıma sunulan en yeni özellikler hakkında bilgi edinin.
- Chrome
Ç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.
- Chrome
Performans için yapay zeka desteği
Yapay zeka yardımıyla performans profillerini anlama
- Chrome Geliştirici Araçları
yapay zeka yardım paneli
Yapay zekanın yardımıyla bir web sitesinin işleyiş şeklini anlama
- Chrome Geliştirici Araçları
Ağ için yapay zeka desteği
Yapay zekanın yardımıyla web sitenizin ağ trafiğini anlama
- Chrome Geliştirici Araçları
İ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
- Chrome
Kaynaklar için yapay zeka desteği
Yapay zekanın yardımıyla web sitenizin kaynaklarını anlama
- Chrome Geliştirici Araçları
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
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ı.
- Chrome
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.
- Geçiş anahtarları
- Chrome
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
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ı.
- Chrome
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.
CSS ve kullanıcı arayüzü
Tipografi, renk ve düzen gibi konularla ilgili kaynakları bulun.
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.
- Chrome Geliştirici Araçları
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ı.
- Chrome
- 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.
- Chrome Geliştirici Araçları
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.
- Chrome
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.
- Chrome Geliştirici Araçları
Performans panelinde canlı Core Web Vitals metriklerini izleme
Performans panelinde canlı Core Web Vitals metriklerini izleyin.
- Chrome
- Chrome Geliştirici Araçları
Rozet referansı
Çeşitli yer paylaşımlarını açın ve rozetlerle DOM ağacı gezinmesini hızlandırın.
- Chrome Geliştirici Araçları
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
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
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 Geliştirici Araçları
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.
- Chrome
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
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ı.
- Chromium
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
- Chrome
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.
Chrome 131 Beta
En son beta sürümünde Chrome'a eklenecek özellikleri keşfedin.
- Chrome
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 uzantıları
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.
- Chrome
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ı.
- Chrome
- 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 Geliştirici Araçları
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
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.
- Chrome Geliştirici Araçları
Yapay zeka yenilikleri
Yapay Zeka Alanındaki Yenilikler sekmesi referansı.
- Chrome Geliştirici Araçları
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
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ış.
- Chrome
- Chrome uzantıları
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.
Özel Ağ Erişimi beklemede
Özel Ağ Erişimi (PNA) kullanıma sunma süreci beklemede.
- Chrome
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.
- Chrome
CSS seçim stili için devralma değişiklikleri
Chrome 134'te CSS vurgusu devralma özelliğinde bir değişiklik yapılacak.
- Chrome
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.
- Chrome
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.
- Chrome Geliştirici Araçları
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
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.
- Chrome Geliştirici Araçları
- Chrome
Arama: Yüklenen tüm kaynaklarda metin bulun
Arama panelini kullanarak tüm yüklü kaynaklarda metin bulabilirsiniz.
- Chrome Geliştirici Araçları
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
- Chrome
- Chrome uzantıları
Özellik referansı
Chrome Geliştirici Araçları Kaydedici panel özellikleriyle ilgili kapsamlı referans.
- Chrome Geliştirici Araçları
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.
- Chrome Geliştirici Araçları
Kapsam: Kullanılmayan JavaScript ve CSS'yi bulma
Chrome Geliştirici Araçları'nda kullanılmayan JavaScript ve CSS kodunu bulma ve analiz etme.
- Chrome Geliştirici Araçları
Ö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.
- Chrome
- Chrome Geliştirici Araçları
Katmanlar paneli: Web sitenizin katmanlarını keşfedin
Web sitenizi oluşturan katmanları inceleyin.
- Chrome Geliştirici Araçları
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.
- Chrome
- Chrome Geliştirici Araçları
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.
- Chrome Geliştirici Araçları
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ı.
- Chrome
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
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.
- Chrome
- Geçiş anahtarları
Chrome 130 Beta
Sitenizi en son Chrome beta sürümündeki özellikler ve değişikliklerle test edin.
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
Performans paneli: Web sitenizin performansını analiz edin
Web sitenizin yük ve çalışma zamanı performansını analiz edin
- Chrome Geliştirici Araçları
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
Chrome Denemesi: İşlem paylaşımı
İşlem paylaşımı denemesi ve Chrome Geliştirici Araçları geliştirici deneyimi üzerindeki etkisi.
- Chrome
WebGPU'da Yenilikler (Chrome 129)
Tuval ton eşleme modu ile HDR desteği, genişletilmiş alt grup desteği ve daha fazlası.
- Chrome
- 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.
- Chrome
Geliştirici geri bildirimi isteği: özelleştirilebilir seçim
Özelleştirilebilir yeni seçim özelliğine erken bir bakış.
- Chrome
Ekranı dondur Kaybolan öğeleri inceleme
DOM'daki öğeleri DevTools ile inceleyebilmeniz için dondurabilirsiniz.
- Chrome Geliştirici Araçları
- Chrome
Sürüm notları
CrUX veri kümesinde yapılan en son değişikliklerle ilgili ayrıntılar.
- Chrome Kullanıcı Deneyimi Raporu
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
- Chrome
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.
- Chrome Geliştirici Araçları
Değişiklikler: HTML, CSS ve JavaScript değişikliklerinizi izleme
HTML, CSS ve JavaScript'teki değişiklikleri izleyin.
- Chrome Geliştirici Araçları
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.
- Chrome
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.
- Chrome Geliştirici Araçları
Bağlayıcı konumlandırma söz dizimi değişiklikleri
Anchor konumlandırma API'siyle ilgili dikkat etmeniz gereken değişiklikler.
- Chrome
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.
- Chrome
- Chrome Geliştirici Araçları
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
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
Ö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
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
- Chrome uzantıları
Lighthouse: Web sitesi hızını optimize etme
Chrome Lighthouse ile web sitelerinizin daha hızlı yüklenmesini sağlayın.
- Chrome Geliştirici Araçları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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
- Chrome uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 Geliştirici Araçları
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
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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
- Chrome uzantıları
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 uzantıları
Chrome DevTools
Chrome Geliştirici Araçları ile web uygulamalarınızda hata ayıklama ve optimizasyon işlemleri gerçekleştirin.
- Chrome Geliştirici Araçları
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.
- Chrome Geliştirici Araçları
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.
- Chrome
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.
- Chrome
- 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.
- Chrome
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.
- Chrome
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
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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 uzantıları
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ı,
- Chrome uzantıları
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.
- Chrome
Anlık Etkinlikleri Kaydırma
İki yeni JavaScript etkinliğiyle tanışın: ScrollSnapChange ve slideSnapSwap.
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
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.
- Chrome
- Chrome Geliştirici Araçları
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
Blog
Chrome Geliştirici İlişkileri ekibinden en son haberler
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome Kullanıcı Deneyimi Raporu
CrUX Geçmişi API'si
CrUX History API'yi kullanarak önceki altı aylık CrUX trendlerini nasıl sorgulayacağınızı öğrenin.
- Chrome Kullanıcı Deneyimi Raporu
Çizgi kırılabilir <ruby> ve CSS ruby-align mülkü
Çizgi kırılabilir ruby öğesi ve CSS ruby-align özelliği
- Chrome
Ağ paneli: Ağ yükünü ve kaynakları analiz etme
Ağ yükünü ve kaynakları analiz etme
- Chrome Geliştirici Araçları
Örnekler
Chrome Uzantılarının örneklerini GitHub'da bulabilirsiniz.
- Chrome uzantıları
Uygulamanızı Yayınlayın
TODO
- Chrome uzantıları
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),
Güncelleme: Etkinlik Sayfaları ve Arka Plan Sayfaları
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.
- Chrome
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ı.
- Chrome
- 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
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
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.
- Chrome
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.
- Chrome
Ağ özellikleri referansı
Chrome Geliştirici Araçları Ağ panel özelliklerine ilişkin kapsamlı bir referans.
- Chrome Geliştirici Araçları
Tercihler
Tercihler sekmesi referansı.
- Chrome Geliştirici Araçları
Kaydedici paneli: Kullanıcı işlemlerini kaydedin ve ölçün
Kullanıcı akışlarını analiz edip kaydedin.
- Chrome Geliştirici Araçları
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
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
- Chrome uzantıları
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
- Chrome uzantıları
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.
- Chrome
- Chrome Geliştirici Araçları
İnceleme modu: Öğe özelliklerini hızlıca analiz edin
Web uygulamanızdaki öğeleri inceleme
- Chrome Geliştirici Araçları
Performans özellikleri referansı
Chrome Geliştirici Araçları'nda performansı kaydetme ve analiz etmenin tüm yollarına dair bir referans.
- Chrome Geliştirici Araçları
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.
- Chrome uzantıları
- Chrome
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.
- Chrome
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.
- Chrome
- Chrome uzantıları
Depolama Paketleri ile maksimum IndexedDB performansı
Chrome ekibi, IndexedDB'nin (IDB) uygulanmasında performansla ilgili çeşitli iyileştirmeler yaptı.
- Chrome
Chrome 127 beta
Beta sürümünü indirerek Chrome'a eklenecek en son özellikleri test edin.
- Chrome
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.
- Chrome
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.
- Chrome
- 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.
- Chrome
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
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.
- Chrome
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
- Chrome Geliştirici Araçları
- Chrome
Protokol izleyici: CDP isteklerini görüntüleme ve gönderme
CDP isteklerini ve yanıtlarını izleyin.
- Chrome Geliştirici Araçları
Chrome UX Report
CrUX metrikleriyle ilgili teknik belgeler.
- Chrome Kullanıcı Deneyimi Raporu
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.
- Chrome Geliştirici Araçları
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.
- Chrome
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.
- Chrome Geliştirici Araçları
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.
- Chrome
- Chrome Geliştirici Araçları
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.
- Chrome Geliştirici Araçları
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
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 Geliştirici Araçları
Hızlı kaynak paneli
Kaynak dosyaları görüntüleyebilir ve diğer araçlara erişebilirsiniz.
- Chrome Geliştirici Araçları
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.
- Chrome
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.
- Chrome Geliştirici Araçları
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.
- Chrome
İ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.
- Chrome
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.
- Chrome
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.
- Chrome
- 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.
- Chrome
Async Clipboard API için SVG desteği
Eş zamansız Clipboard API'si artık SVG resimlerini işleyebilir.
- Chrome
Windows'da UIA desteğiyle tanışın
Chrome 126'dan itibaren Windows UI Otomasyonu çerçevesi desteklenir.
- Chrome
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.
- Chrome
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 Geliştirici Araçları
- Chrome
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.
- Chrome
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.
- Chrome Geliştirici Araçları
İ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.
- Chrome
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.
- Chrome
Konsol analizleriyle hataları ve uyarıları daha iyi anlama
Gemini ile Console'daki hataları ve uyarıları daha iyi anlayın.
- Chrome Geliştirici Araçları
CSS anchor konumlandırma API ile tanışın
Yeni sabit konumlandırma API'sini kullanarak öğeleri birbirlerine göre konumlandırın.
- Chrome
Chrome ile kuruluşunuzda test uygulayın
Kurumsal ortamlardaki testlerle zorlukların nasıl aşılacağını öğrenin
- Chrome
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.
- Chrome
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ı.
- Chrome Geliştirici Araçları
- Chrome
WebGPU'daki (Chrome {7}125) Yenilikler
Alt gruplar geliştirme aşamasındadır ve 3D doku dilimi için oluşturulur.
- Chrome
- WebGpu
Container sorguları örnek olayları
redBus ve Tokopedia'nın container sorgularının avantajları hakkında bilgi edinin.
- Chrome
:has() örnek olayları
Policybazaar ve Tokopedia'nın :has() fonksiyonundan nasıl yararlandığını öğrenin.
- Chrome
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.
- Chrome
Kaydırma odaklı animasyonlarla ilgili örnek olaylar
Policybazaar, redBus ve Tokopedia ile kaydırma destekli animasyonların avantajlarını keşfedin.
- Chrome
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.
- Chrome
"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
- Chrome
CSS duvarı için alternatif bir teklif
Duvar işçiliğini ve ızgarayı farklı özelliklerde tanımlama teklifi.
- Chrome
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.
- Chrome uzantıları
Popover örnek olayları
Tokopedia, uygulamasındaki kod miktarını azaltmak için Popover API'yi kullanıyor.
- Chrome
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.
- Chrome
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.
Manifest: Deneme jetonları
manifest.json dosyasının trial_tokens özelliği için referans belgeleri.
- Chrome uzantıları
WebAudio: WebAudio API metriklerini görüntüleme
WebAudio panelinde WebAudio API metriklerini görüntüleme
- Chrome Geliştirici Araçları
Chrome 125 beta
CSS Sabit Konumlandırma, CSS basamaklı işlevleri, Compute Pressure API ve daha fazlası.
- Chrome
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 Geliştirici Araçları
Chrome 124
Chrome 124, 16 Nisan 2024'te setHTMLUnsafe, WebSockets'te akışlar ve daha fazlası ile kullanıma sunuluyor.
- Chrome
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.
Kısıtlama
Sekme referansı kısıtlanıyor.
- Chrome Geliştirici Araçları
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
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
- Chrome uzantıları
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.
HTTPS kullanmıyor
Web sitenizi HTTPS ile nasıl koruyacağınızı öğrenin.
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.
- Chrome
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.
- Chrome
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.
- Chrome Geliştirici Araçları
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 Geliştirici Araçları
- Chrome
CrUX kılavuzları
Takibi kolay kılavuzlarla CrUX'i nasıl kullanacağınızı öğrenin
- Chrome Kullanıcı Deneyimi Raporu
BigQuery'de CrUX
BigQuery'deki CrUX veri kümesinin nasıl yapılandırıldığını öğrenin.
- Chrome Kullanıcı Deneyimi Raporu
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
- Chrome
- Chrome uzantıları
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.
- Chrome Kullanıcı Deneyimi Raporu
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.
- Chrome
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.
- Chrome
- 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.
- Chrome
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ı.
- Chrome Geliştirici Araçları
- Chrome
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.
- Chrome Geliştirici Araçları
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.
- Chrome
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.
- Chrome
Ağ istekleri: Ağ isteklerini engelleyerek sitenizi test etme
Sitenizin eksik kaynakları nasıl ele aldığını test edin.
- Chrome Geliştirici Araçları
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
Chrome 124 beta
Yazma önerileri HTML özelliği, WebSocketStream API, öncelikli HTTP isteği başlığı ve daha fazlası.
- Chrome
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.
- Chrome
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.
- Chrome
Ö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.
- Chrome
2024 ve sonrasında performans araçları
Chrome ekibinin, Geliştirici Araçları'nın Performans panelini iyileştirme planları hakkında bilgi edinin.
- Chrome Geliştirici Araçları
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
Nesne paneline genel bakış
DOM'de anında değişiklik yapın.
- Chrome Geliştirici Araçları
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.
- Chrome Geliştirici Araçları
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ı.
- Chrome
- 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.
- Chrome Geliştirici Araçları
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.
- Chrome Geliştirici Araçları
Ayrılma noktalarıyla kodunuzu duraklatma
Kodunuzu duraklatmanın tüm yollarını Chrome Geliştirici Araçları'ndan öğrenin.
- Chrome Geliştirici Araçları
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.
- Chrome
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.
- Chrome
Uygulama paneline genel bakış
Web uygulamanızla ilgili önemli bilgileri doğrudan tarayıcınızdan edinin.
- Chrome Geliştirici Araçları
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.
- Chrome uzantıları
Arayüzü uluslararası hale getirme
Arayüzünüzü birden fazla dilde oluşturmak için chrome.i18n API'sini kullanın.
- Chrome uzantıları
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ı.
- Chrome
Yeniliklere genel bakış
Chrome Geliştirici Araçları'ndaki en son özellikleri keşfedin
- Chrome Geliştirici Araç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 Geliştirici Araçları
- Chrome
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.
- Chrome
- Chrome uzantıları
Üçü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
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.
- Chrome
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.
- Chrome
Cihaz moduyla mobil cihazları simüle edin
Mobil öncelikli web siteleri oluşturmak için Chrome cihaz modundaki sanal cihazları kullanın.
- Chrome Geliştirici Araçları
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.
- Chrome
Klavye kısayolları
Chrome Geliştirici Araçları klavye kısayollarıyla ilgili standart dokümanlar.
- Chrome Geliştirici Araçları
CSS ::backdrop devralma değişiklikleri
Chrome 122 sürümünden itibaren "::backdrop" öğesi, özellikleri kaynak öğesinden devralmaktadır.
- Chrome
Uzantı simgelerini yapılandır
Bir uzantının araç çubuğunda temsil edilmesi için en az bir simge gerekir.
- Chrome uzantıları
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.
- Chrome
Chrome Extensions
Henüz belli değil
- Chrome uzantıları
Manifest V3'e taşı
Manifest V2 uzantılarını Manifest V3 uzantılarına dönüştürme rehberi.
- Chrome uzantıları
WebHID'yi kullan
İnsan Arayüz Cihazı (HID) uyumlu cihazları web'de gösteren WebHID API, uzantılarda kullanılabilir.
- Chrome uzantıları
WebUSB'yi kullan
Standart olmayan Universal Serial Bus (USB) uyumlu cihazları web'e sunan WebUSB API'yi uzantılarda kullanabilirsiniz.
- Chrome uzantıları
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.
- Chrome
- WebGpu
Manifest: İçerik Güvenliği Politikası
manifest.json dosyasının içerik güvenliği politikası özellikleriyle ilgili referans dokümanlar.
- Chrome uzantıları
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 Geliştirici Araçları
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 uzantıları
İzinleri bildirme
manifest.json dosyasındaki izinler mülkü için geçerli değerlere genel bakış.
- Chrome uzantıları
İzin uyarısı kuralları
Chrome uzantılarında izin uyarılarının işleyiş şekli.
- Chrome uzantıları
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
- Chrome uzantıları
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ı.
- Chrome Geliştirici Araçları
- Chrome
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.
- Chrome
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.
- Chrome
- Chrome Geliştirici Araçları
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
Komutları yanıtlama
Bir uzantıdaki özel tuş kombinasyonlarına yanıt verin.
- Chrome uzantıları
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.
- Chrome
Kaydedici'yi uzantılarla özelleştirme
Uzantıları yükleyerek Kaydedici'yi özelleştirin ve entegre edin.
- Chrome Geliştirici Araçları
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
- Chrome uzantıları
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.
- Chrome
İşlemleri çok amaçlı adres çubuğundan tetikleyin
İşlemleri çok amaçlı adres çubuğundan tetikleyin.
- Chrome uzantıları
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ı.
- Chrome
- 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
- Chrome
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.
- Chrome
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
- Chrome uzantıları
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.
- Chrome
- 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
İşlemi uygulama
Araç çubuğunu tıklayan bir kullanıcıya yanıt verin.
- Chrome uzantıları
Form kontrol öğeleri için CSS dikey yazma modu
Chrome'a yeni bir uluslararası CSS özelliği eklendi.
- Chrome
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.
- Chrome
Geliştirici Araçları İpuçları: Yazma renkleri
Birkaç tıklamayla renkleri nasıl yazacağınızı öğrenin.
- Chrome
- Chrome Geliştirici Araçları
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.
- Chrome Geliştirici Araçları
Geliştirici Araçları İpuçları: Getirme önceliğinde hata ayıklama
Getirme önceliğinde hata ayıklama hakkında bilgi edinin.
- Chrome
- Chrome Geliştirici Araçları
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.
- Chrome
İçerik menüsü oluşturma
Kullanıcıların uzantı özelliklerini çağırmasına olanak tanıyan bir pencere olan pop-up'ı uygulayın.
- Chrome uzantıları
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.
- Chrome uzantı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.
- Chrome uzantıları
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.
- Chrome
Özel Akordeon
Aynı "name"e sahip birden fazla "" öğesi ile özel bir akordeon oluşturun.
WebGPU'daki Yenilikler
En son WebGPU değişikliklerini takip edin.
- WebGpu
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.
- Chrome
- 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ı.
- Chrome
- Chrome Geliştirici Araçları
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.
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
Ö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.
- Chrome
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.
- Chrome Geliştirici Araçları
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ı
- Chrome
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
- Chrome Geliştirici Araçları
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
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.
- Chrome
Ç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.
- Chrome Geliştirici Araçları
Çerçeve ayrıntılarını göster
Çerçeve ayrıntılarını göster
- Chrome Geliştirici Araçları
CSS'deki dört yeni uluslararası özellikle tanışın
Chrome, dört yeni uluslararası CSS özelliği ekliyor.
- Chrome
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.
Yoksayılanlar Listesi
Liste sekmesi referansını yoksayın.
- Chrome Geliştirici Araçları
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.
- Chrome
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
- Chrome uzantıları
- Chrome
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
- Chrome uzantıları
- Chrome
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.
- Chrome
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.
- Chrome
WebGPU ekosistemini yakalama
WebGPU ekosisteminin JavaScript, C++ ve Rust erişim alanlarının ötesine nasıl ulaştığını öğrenin.
- Chrome
- 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ı.
- Chrome Geliştirici Araçları
- Chrome
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.
- Chrome
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
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 uzantıları
- Chrome
file_handlers
manifest.json dosyasının file_handlers özelliği için referans dokümanları.
- Chrome uzantıları
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 uzantıları
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
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.
- Chrome
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.
- Chrome
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.
- Chrome
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ı.
- Chrome
- WebGpu
CSS text-wrap: güzel
Hızla güzellik yapmak için optimize edilmiş metin kaydırmayı etkinleştirin.
- Chrome
Öğ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
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 uzantıları
- Chrome
Chromium sorun izleyici taşıma
Chromium sorun izleme, Ocak 2024'te Google Sorun izleyicisi tarafından desteklenen bir araca taşınıyor.
- Chrome
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.
- Chrome
Web'de Bluetooth üzerinden seri
Web Serial API, Bluetooth RFCOMM hizmetleri için destek sunmaya başladı.
- Chrome
Chrome Uzantıları için birim test etme
Uzantılar için birim testleri yazma.
- Chrome uzantıları
Chrome Uzantıları için uçtan uca test
Uzantılar için uçtan uca testler yazma.
- Chrome uzantıları
Chrome uzantılarını Puppeteer ile test etme
Puppeteer'ı kullanarak Chrome uzantıları için otomatik test yazma.
- Chrome uzantıları
CSS göreli renk söz dizimi
Başka bir rengin kanallarını ve değerlerini temel alarak yeni renkler oluşturun.
- Chrome
Uzantı hatası bildirin
Uzantı hatalarını veya dokümanlarla ilgili sorunları bildirme.
- Chrome uzantıları
Hata bulma ve takip etme
Bir hata veya özellik isteğinin önceden bildirilip bildirilmediğini kontrol edin.
- Chrome uzantıları
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
- Chrome Geliştirici Araçları
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.
- Chrome
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ı
- Chrome
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
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.
- Chrome
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ı.
- Chrome
- 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 uzantıları
- Chrome
- Chrome Geliştirici Araçları
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.
- Chrome
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.
- Chrome
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.
- Chrome
WebGL'den WebGPU'ya
WebGPU'ya geçiş yapan WebGL geliştiricileri için bazı ipuçlarını öğrenin.
- Chrome
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 Geliştirici Araçları
- Chrome
Chrome 118 Beta
CSS için kapsamlı stiller, ek medya özellikleri, klavyeye odaklanılabilir kaydırma kapsayıcıları ve daha fazlası.
- Chrome
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.
- Chrome
Chrome uygulamalarından geçiş
Chrome paket veya barındırılan uygulamanızı taşıma.
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.
- Chrome
- WebGpu
Uzantınızı yayınlayın
Yeni Manifest V3 uzantısı yayınlamayla ilgili rehberlik
- Chrome uzantıları
Google Summer of Code ve Chrome Uzantıları
Google Summer of Code'a katılma deneyimi ve tavsiyeleri.
- Chrome uzantıları
- Chrome
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.
- Chrome
- Chrome Geliştirici Araçları
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.
- Chrome
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.
- Chrome
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.
- Chrome
Lighthouse 11'deki yenilikler
Lighthouse 11, yeni erişilebilirlik değişiklikleri ve denetleme güncellemeleriyle kullanıma sunuldu
- Chrome
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.
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
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
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ı.
- Chrome
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 uzantıları
- Chrome
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ı.
- Chrome
Manifest - içerik komut dosyaları
manifest.json dosyasının "content_scripts" özelliği için referans dokümanları.
- Chrome uzantıları
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.
- Chrome
WebGPU'daki Yenilikler (Chrome 116)
WebCodecs entegrasyonu, video oynatmayla ilgili iyileştirmeler ve daha fazlası.
- Chrome
- 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.
- Chrome
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.
- Chrome
- Chrome Geliştirici Araçları
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 uzantıları
- Chrome
Chrome 116 Beta
CSS hareket yolu, Geri-ileri önbellek NotRestoredReason API, Doküman Resim İçinde Resim ve daha fazlası.
- Chrome
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
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
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ış.
- Chrome uzantıları
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
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.
- Chrome
Service Worker'larda WebSockets kullan
Chrome uzantınızdaki bir WebSocket'a nasıl bağlanacağınızla ilgili adım adım talimatlar.
- Chrome uzantıları
WebRTC: Eski getStats() taşıma rehberi
iOS'te Chrome için Safari Web Denetleyicisi hata ayıklamasını nasıl kullanacağınızı öğrenin.
- Chrome
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.
- Chrome
- Chrome Geliştirici Araçları
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
- Chrome
- Chrome Geliştirici Araçları
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?
- Chrome uzantıları
WebGPU'daki Yenilikler (Chrome 115)
Desteklenen WGSL dil uzantıları, Direct3D 11 için deneysel destek ve daha fazlası.
- Chrome
- 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.
- Chrome for Testing
- Chrome
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.
- Chrome Geliştirici Araçları
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
- Chrome
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ı
- Chrome
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.
- Chrome
SVG öğesindeki veri URL'lerinden taşı
Veri desteği: SVG öğesindeki URL'ler kaldırılacak. Alternatiflere geçiş yapılmasını öneririz.
- Chrome
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ı.
- Chrome
WebGPU'daki Yenilikler (Chrome 114)
JavaScript optimizasyonu ve daha fazlası.
- Chrome
- WebGpu
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ı.
- Chrome
- Chrome uzantıları
İ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.
- Chrome
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ı
- Chrome Geliştirici Araçları
- Chrome
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
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
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)
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
Manifest - arka plan
manifest.json dosyasının arka plan özelliği için referans dokümanları.
- Chrome uzantıları
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.
- Chrome
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.
- Chrome
Kuzey ışıkları ile ilgili Yenilikler
Chrome Aurora ekibinin son zamanlarda neler yaptığını ve 2023 için yol haritalarını öğrenin.
- Chrome
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
- Chrome
Web SQL'in kullanımdan kaldırılmasına yönelik zaman çizelgesi güncellendi
Web SQL, Chromium 119'da tamamen kaldırıldı.
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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
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.
- Chrome
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ı.
- Chrome
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.
- Chrome
WebDriver BiDi: 2023 durum güncellemesi
Bu makalede, WebDriver BiDi'de 2023'teki yeniliklere dair genel bir bakış sunulmaktadır.
- Chrome
Google I/O'ya hazır olun
Google I/O'ya hazırlanmak için kendi ajandanızı oluşturun.
- Chrome
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
- Chrome
- Chrome Geliştirici Araçları
Chrome 114 beta
CSS başlık dengeleme, CHIPS, kaydırma sonu etkinliği ve pop-over.
- Chrome
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 uzantıları
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.
- Chrome
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.
- Chrome uzantıları
Uzantı hizmeti çalışanıyla ilgili temel bilgiler
Uzantı hizmeti çalışanları, web hizmeti çalışanlarından farklı şekilde yüklenir ve güncellenir.
- Chrome uzantıları
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.
- Chrome
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.
- Chrome uzantıları
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.
- Chrome
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.
- Chrome
- 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.
- Chrome Geliştirici Araçları
- Chrome
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.
- Chrome Geliştirici Araçları
Özel etkileşim özelliği ekleme
Özel Sekmelere özel işlemler nasıl eklenir?
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.
Başlarken
Android uygulamanızdan Özel Sekme başlatma.
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.
Kullanıcı etkileşimini ölçme
Özel Sekmelerde kullanıcı etkileşimini ölçme.
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.
- Chrome
Zamanda geriye bakış: test otomasyonunun evrimi
Web'de test otomasyonunun gelişimine bir yolculuk.
- Chrome
Ses kaydı ve ekran görüntüsü
Bir sekme, pencere veya ekrandan ses veya video kaydetme.
- Chrome uzantıları
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
- Chrome
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.
- Chrome
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
- Chrome Geliştirici Araçları
- Chrome
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
- Chrome Geliştirici Araçları
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.
- Chrome
- WebGpu
Chrome 113 Beta
Yeni CSS medya özellikleri, linear() yumuşak geçiş işlevi ve WebGPU.
- Chrome
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
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.
- Chrome
Hizmet işçileriyle etkinlikleri işleme
Uzatma hizmet işçisi oluşturmayı ve hata ayıklamayı öğrenin.
- Chrome uzantıları
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.
- Chrome
- Chrome Geliştirici Araçları
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
Service Worker'a geçin
Service Worker, uzantıların yalnızca gerektiğinde çalışmasını sağlayarak kaynak tasarrufu sağlar.
- Chrome uzantı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.
- Chrome Geliştirici Araçları
- Chrome
Manifest'i güncelle
Manifest.json dosyası, Manifest V3 için Manifest V2'den biraz daha farklı bir biçim gerektirir.
- Chrome uzantıları
Chrome 112 Beta
FormData oluşturucu için CSS iç içe yerleştirme, animasyon bileşimi ve submitter parametresi.
- Chrome
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.
- Chrome
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.
- Chrome uzantıları
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.
- Chrome uzantıları
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ı.
- Chrome uzantıları
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Yerel mesajlaşma
Chrome Uzantınızdaki yerel uygulamalarla mesaj alışverişi yapın.
- Chrome uzantıları
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.
- Chrome
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ığı.
- Chrome
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
- Chrome Geliştirici Araçları
Chrome uzantılarıyla ilgili yardım alma
Dokümanlarda ele alınmayan sorularla ilgili yardım alınabilecek yerler.
- Chrome uzantıları
Konumlar
Yerler sekmesi referansı.
- Chrome Geliştirici Araçları
Denemeler
Denemeler sekmesi referansı.
- Chrome Geliştirici Araçları
Kısayollar
Kısayollar sekmesi referansı.
- Chrome Geliştirici Araçları
Geliştirici Araçları'ndaki Yenilikler (Chrome 111)
HD renkte hata ayıklama, gelişmiş kesme noktası kullanıcı deneyimi ve daha fazlası.
- Chrome
- Chrome Geliştirici Araçları
Çalışma alanı
Çalışma alanı sekmesi referansı.
- Chrome Geliştirici Araçları
Cihazlar
Cihazlar sekmesi referansı.
- Chrome Geliştirici Araçları
Ayarlara genel bakış
Ayarlara genel bakış.
- Chrome Geliştirici Araçları
İ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
Lighthouse 10'daki yenilikler
Lighthouse 10, yeni puanlama ve denetimlerle kullanıma sunuldu.
- Chrome
Chrome 111 beta
Yeni CSS renk türleri ve renk alanları, CSS trigonometrik işlevleri ve View Transitions API.
- Chrome
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
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.
- Chrome
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.
- Chrome Kullanıcı Deneyimi Raporu
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.
- Chrome Geliştirici Araçları
- Chrome
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.
- Chrome
Üçü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
- Chrome
HD CSS rengine taşı
CSS Color 4, web'e geniş renk gamı araçları ve özellikleri sunar.
Daha fazla renge ve yeni alanlara erişin
CSS Color 4, web'e geniş renk gamı araçları ve özellikleri sunar.
Yüksek tanımlı CSS renk rehberi
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.
- Chrome
Ö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.
- Chrome
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.
- Chrome
CSS renk karışımı()
Doğrudan CSS'nizden, desteklenen renk alanlarından herhangi birinde renkleri karıştırın.
- Chrome
Geliştirici Araçları İpuçları: PWA'da Hata Ayıklama
Geliştirici Araçları ile progresif web uygulamalarında hata ayıklama
- Chrome Geliştirici Araçları
- Chrome
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.
- Chrome uzantıları
- Chrome
Manifest V3'teki Dokümanların Ekran Dışı
Chrome uzantısı geliştirme için Offscreen Documents API'si tanıtımı.
- Chrome
- Chrome uzantıları
Geliştirici Araçları'ndaki yenilikler
Geliştirici Araçları'ndaki son değişikliklerden haberdar olun.
- Chrome Geliştirici Araçları
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
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.
- Chrome
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.
- Chrome
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
Chrome 110 Beta
CSS ilk harfleri, web uygulaması başlatma işleyicisi, FedCM API için kaynaklar arası iframe desteği ve daha fazlası.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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
Site simgeleri getiriliyor
Bir web sitesinin site simgesini nasıl edinebilirsiniz?
- Chrome uzantıları
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.
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
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.
- Chromium
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 Geliştirici Araçları
- Chrome
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
Chrome varyasyonlarını anlama
Chrome'un yeni tarayıcı özelliklerini test etmesi için bir mekanizma
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
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
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.
- Chrome uzantıları
- Chrome
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.
- Chrome
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.
- Chrome
Geliştirici Araçları İpuçları: Cihaz Modu
Geliştirici Araçları'nda Cihaz Modu ile mobil cihazları simüle edin.
- Chrome Geliştirici Araçları
- Chrome
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
Chrome 109 Beta
MathML, getDisplayMedia() için koşullu odak, Android'de Kaynak Özel Dosya Sistemi ve daha fazlası.
- Chrome
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.
- Chrome uzantıları
- Chrome
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
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.
- Chrome
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.
- Chrome
- Chrome Geliştirici Araçları
Geçersiz, geçersiz kılınmış, etkin olmayan ve diğer CSS'leri bulma
CSS mülklerindeki sorunları bir bakışta tespit edin.
- Chrome Geliştirici Araçları
Manifest - oauth2
manifest.json dosyasının oauth2 özelliği için referans dokümanları.
- Chrome uzantıları
CrUX Kontrol Paneli
BigQuery CrUX verilerini görselleştirmek için CrUX Kontrol Panelini kullanma
- Chrome Kullanıcı Deneyimi Raporu
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.
- Chrome Geliştirici Araçları
- Chrome
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
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.
- Chrome uzantıları
- Chrome
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
Chrome 108 Beta
Yeni CSS görüntü alanı birimleri, Federated Credential Management API, Değişken COLRv1 yazı tipleri ve daha fazlası.
- Chrome
Manifest - input_components
manifest.json dosyasınıninput_components özelliği için referans dokümanları.
- Chrome uzantıları
Ö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.
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
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ı.
- Chrome
- Chrome Geliştirici Araçları
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
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.
- Chrome
Web sitenizi daha okunabilir hale getirin
Geliştirici Araçları ile düşük kontrastlı metinleri bulup düzeltin.
- Chrome Geliştirici Araçları
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.
- Chrome
- Chrome Geliştirici Araçları
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.
- Chrome
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
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.
- Chrome
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.
- Chrome
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
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.
- Chrome uzantıları
- Chrome
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
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.
- Chrome
Fugu Projesi bitti mi?
Bu makale, Project Fugu ekibinin yeni özellikleri uygulamaktan, mevcut özellikleri iyileştirip iyileştirmeye odaklanmasına odaklanmaktadır.
- Chrome
Etkin sekmeye komut dosyası yerleştirme
Geçerli sayfanın stilini nasıl basitleştireceğinizi öğrenin.
- Chrome uzantıları
Hello World uzantısı
İlk Hello World Chrome uzantınızı oluşturun.
- Chrome uzantıları
Her sayfada komut dosyası çalıştırma
Mevcut web sayfalarına otomatik olarak yeni öğeler eklemeyi öğrenin.
- Chrome uzantıları
Sekmeleri yönetme
Sekme gruplarını kullanarak sekmeleri programatik olarak nasıl düzenleyeceğinizi öğrenin.
- Chrome uzantıları
Manifest - Yazar
manifest.json dosyasının yazar adı özelliği için referans dokümanları.
- Chrome uzantıları
Ö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.
- Chrome
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ı.
- Chrome
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.
- Chrome
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
- Chrome uzantıları
- Chrome
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 Geliştirici Araçları
- Chrome
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
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."
- Chrome
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.
- Chrome
- Chrome Geliştirici Araçları
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ı.
- Chrome Geliştirici Araçları
- Chrome
Ç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ı."
- Chrome
Pop-up'lar: Yeniden canlanıyor!
Platforma gelecek yeni yerleşik API'ler sayesinde sorunlu bir kalıp çok daha kolay hale geldi.
- Chrome
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
- Chrome
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 Geliştirici Araçları
- Chrome
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.
- Chrome
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.
- Chrome
Ö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
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.
- Chrome
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
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
- Chrome Geliştirici Araçları
Ü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?
- Chrome
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
- Chrome
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.
- Chrome
- Chrome Geliştirici Araçları
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
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
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 Geliştirici Araçları
- Chrome
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
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, .
- Chrome
: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.
- Chrome
@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
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.
- Chrome
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
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.
- Chrome uzantıları
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
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
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
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
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
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
- Chrome Geliştirici Araçları
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.
- Chrome
İ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.
- Chrome
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.
- Chrome
- Chrome Geliştirici Araçları
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 Geliştirici Araçları
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
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.
- Chrome
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
- Chrome Geliştirici Araçları
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!
- Chrome
Erişilebilirlik özellikleri referansı
Chrome Geliştirici Araçları'ndaki erişilebilirlik özelliklerine kapsamlı bir referans.
- Chrome Geliştirici Araçları
Performans analizlerini nasıl ve neden oluşturduk?
Performans Analizleri panelini nasıl ve neden oluşturduk?
- Chrome
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.
- Chrome
Sonraki Boyamayla Etkileşim (INP) aracı desteği
Chrome performans araçlarında sonraki boyamayla etkileşim için destek.
- Chrome
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.
Siteler arası önceden getirme özelliğiyle LCP'yi hızlandırma
Kullanıma hazır teknolojilere giriş.
- Chrome
Chrome'da özel önceden getirme proxy'si
Siteler arası önceden getirme özelliğiyle Largest Contentful Paint'i (LCP) hızlandırma.
- Chrome
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ı.
- Chrome Geliştirici Araçları
- Chrome
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?
- Chrome
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.
- Chrome
DOM nesnelerinin özelliklerini görüntüleme
DOM nesnelerinin özelliklerini görüntüleyin ve filtreleyin.
- Chrome Geliştirici Araçları
Geri-ileri önbelleği test et
Sayfalarınızın geri-ileri önbelleğe alma için optimize edildiğinden emin olun.
- Chrome Geliştirici Araçları
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!
- Chrome
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.
- Chrome
İ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.
- Chromium
İç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
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.
- Chrome
Oluşturma sekmesine genel bakış
Web içeriğinin oluşturulmasını etkileyen seçenekleri keşfedin.
- Chrome Geliştirici Araçları
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.
- Chrome Geliştirici Araçları
CSS medya özellikleri emülasyonu
Preferreds-color-scheme, medya türü, zorlama-renkler, kontrast tercih ediyor, tercih-edilen-hareket, renk gamı emülasyonu.
- Chrome Geliştirici Araçları
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
- Chrome Geliştirici Araçları
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
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.
- Chrome
#100CoolWebMoments ile Chrome 100'e geçiş
Bellek sokağında Chrome 100 sürümünün lansmanını kutluyoruz.
- Chrome
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!
- Chrome
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.
- Chrome Geliştirici Araçları
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
- Chrome Geliştirici Araçları
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
Bu her zaman sizsiniz, Canvas2D
API'nin yan kapısı yeni bir görünüme kavuşuyor.
- Chrome
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!
- Chrome
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.
- Chrome
Geliştirici Araçları'ndaki Yenilikler (Chrome 99)
WebSocket isteklerini kısıtlama, yeni Reporting API bölmesi, konsol stili ve daha fazlası.
- Chrome
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 Geliştirici Araçları
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.
- Chrome
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.
- Chrome
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
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.
- Chrome
İ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.
- Chrome
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.
- Chrome
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
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
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
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.
- Chrome
Ö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
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.
- Chrome
İş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.
- Chrome
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ı.
- Chrome
Geliştiricilerin güçlü, yüklenebilir web uygulamaları geliştirmesine yardımcı olma
Chrome'a eklenen PWA özelliklerinin etkisine bir bakış.
- Chrome
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
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!
- Chrome
Lighthouse 9.0'daki yenilikler
Lighthouse 9.0, yenilenmiş bir rapor ve kullanıcı akışları için desteğin önizlemesiyle birlikte geliyor.
- Chrome
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.
Çerçeve entegrasyonları
Workbox'a entegre edilebilen çerçevelere ve eklentilere hızlı başvuru
Ö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.
Workbox'ın yolları
Workbox'ı kullanabileceğiniz bazı yöntemler hakkında bilgi edinin.
Workbox'ı önbelleğe almadan kullanma
Workbox'ta workbox derlemesi olmadan Service Worker oluşturma.
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ı
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?
- Chrome
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.
- Chrome
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
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.
- Chrome
CSS'ye Genel Bakış: CSS iyileştirmelerini belirleme
CSS'ye Genel Bakış paneliyle olası CSS iyileştirmelerini belirleyin.
- Chrome Geliştirici Araçları
Otomatik Koyu Tema
Açık temalı siteler için otomatik olarak koyu tema oluşturuluyor.
- Chrome
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.
Hatalı hizmet çalışanlarını kaldırma
Sorunlara neden olan hizmet çalışanı nasıl düzeltilir?
Service Worker dağıtımıyla ilgili beklentiler
Dağıtıldıktan sonra Service Worker'ın web sitesi üzerindeki etkisini anlama.
Farklı mimariler için farklı hizmet çalışanı stratejileri
İki farklı web sitesi mimarisine giriş.
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
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.
- Chrome
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
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
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.
- Chrome
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.
- Chrome
- Chrome uzantıları
Hizmet çalışanı önbelleğe alma stratejileri
Service Worker'larda önbelleğe almaya genel bakış.
Workbox nedir?
Ortak hizmet çalışanı yönlendirme ve önbelleğe almayı basitleştiren bir dizi modül olan Workbox'la tanışın.
Service Worker'a genel bakış
Service Worker'lara genel bakış.
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 uzantıları
- Chrome
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
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!
- Chrome
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ı.
- Chrome
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.
- Chromium
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.
- Chrome
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
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
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
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.
- Chrome
Ö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.
- Chrome
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.
- Chrome
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.
- Chrome
RenderingNG'deki temel veri yapıları
RenderingNG mimarisinin bileşenlerini ve oluşturma ardışık düzeninin bunlardan nasıl geçtiğini öğrenin.
- Chromium
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 Geliştirici Araçları
- Chrome
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.
- Chrome
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.
- Chrome
Kaynaklar arası yerleştirme politikası
manifest.json dosyasının cross_origin_embedder_policy mülküyle ilgili referans belgeleri.
- Chrome uzantıları
Çapraz kaynak açıcı politikası
manifest.json dosyasının cross_origin_opener_policy mülkü için referans belgeleri.
- Chrome uzantıları
Çapraz kaynak açıcı politikası
manifest.json dosyasının cross_origin_opener_policy mülkü için referans belgeleri.
- Chrome uzantıları
Kökler arası izolasyon
Uzantılar için kökler arası erişime genel bakış
- Chrome uzantıları
Kaynaklar arası yerleştirme politikası
manifest.json dosyasının cross_origin_embedder_policy mülküyle ilgili referans belgeleri.
- Chrome uzantıları
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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ı.
- Chrome
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ı.
- Chrome
renderNG mimarisi
RenderingNG mimarisinin bileşenlerini ve oluşturma ardışık düzeninin bunlardan nasıl geçtiğini öğrenin.
- Chromium
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.
- Chrome uzantıları
- Chrome
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.
- Chrome
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.
- Chrome uzantıları
- Chrome
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.
- Chromium
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.
- Chrome
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.
- Chrome
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
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.
- Chrome
- Chrome uzantıları
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.
- Chrome Geliştirici Araçları
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ı.
- Chrome
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
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.
- Chrome
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.
- Chrome
Ç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?
- Chrome
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.
- Chrome
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.
- Chrome uzantıları
- Chrome
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.
- Chrome
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ı.
- Chrome
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.
- Chrome
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
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.
- Chrome
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?
- Chrome
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
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.
- Chrome
BigQuery'de CrUX raporuna Sıralama Büyüklüğünü Ekleme
BigQuery'deki CrUX raporuna sıralama büyüklüğü ekleme.
- Chrome
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.
VersionHistory API örnekleri
VersionHistory web hizmeti API'sinin örnek kullanımı.
VersionHistory API referansı
VersionHistory web hizmeti API'si hakkında teknik referans bilgileri.
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
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!
- Chrome
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ı.
- Chrome
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ı.
- Chrome Geliştirici Araçları
- Chrome
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.
- Chrome
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.
- Chrome
Konsolda iletileri biçimlendirme ve biçimlendirme
Console'da mesajların nasıl biçimlendirileceğini ve stilinin nasıl ayarlanacağını öğrenin.
- Chrome Geliştirici Araçları
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.
- Chrome
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ı.
- Chrome
DevTools başlatma süresini iyileştirme
Kullanıcı arabiriminde mesaj gönderme işleminin DevTools performans ek yükünü azaltın.
- Chrome
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.
- Chrome
İstemci ipuçlarıyla kaynak seçimini otomatikleştirme
Görüntü optimizasyonu zordur ve otomasyon başarının anahtarıdır.
- Chrome
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.
- Chrome
Ö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
Puppeteer'ı TypeScript'e Taşıma
Puppeteer'ı TypeScript'e nasıl taşıyoruz?
- Chrome
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
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
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.
- Chrome
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.
- Chrome
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?
- Chrome
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ış.
- Chrome
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?
- Chrome
Yeni developer.chrome.com adresine hoş geldiniz!
Sitenin yenilendiğini ve 2021 planlarımızın bir özetini sunuyoruz.
- Chrome
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.
- Chrome
Uygulamanızı Play Store'a ekleyin
TWA'nızı Play Store'a ekleyin
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.
- Chrome
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?
- Chromium
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.
- Chrome
ç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ı.
- Chrome
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.
- Chrome
Manifest V2 hakkında
Chrome uzantısı geliştiricileri için dokümanlar.
- Chrome uzantı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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Ö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.
- Chrome
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.
- Chrome
Üçü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.
- Chrome
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.
- Chrome Geliştirici Araçları
Workbox v5'ten v6'ya geçiş
Workbox v5'ten v6'ya geçiş kılavuzu.
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
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
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!
- Chrome
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.
- Chrome
Fazladan HTTP İstek Üstbilgileri ekleme
Özel Sekme Amaçlarında HTTP CORS başlıkları ekleme kılavuzu.
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
- Chrome
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.
- Chrome
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!
- Chrome
Android 11'de Özel Sekmeleri Kullanma
Android 11'de özel sekmeler nasıl kullanılır?
- Chrome
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.
- Chrome
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.
- Chrome Kullanıcı Deneyimi Raporu
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.
- Chrome Kullanıcı Deneyimi Raporu
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.
- Chrome Kullanıcı Deneyimi Raporu
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.
- Chrome
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
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!
- Chrome
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.
- Chrome Geliştirici Araçları
Yoğun Reklam Müdahalelerinin Üstesinden Gelme
Yoğun Reklam Müdahalelerinin Üstesinden Gelme
- Chrome
Geliştirici Araçları'ndaki Yenilikler (Chrome 84)
Yeni Sorunlar sekmesi, inceleme modu ipucundaki erişilebilirlik bilgileri ve daha fazlası.
- Chrome
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
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!
- Chrome
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.
- Chrome
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
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.
- Chrome
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.
- Chrome
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.
- Chrome
Toprakların İnşası
Güvenilir Web Etkinlikleri oluşturmak için kitaplıklara ve araçlara genel bakış.
Ö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!
- Chrome
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ı.
- Chrome
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.
- Chrome
Workbox v4'ten v5'e geçiş
Workbox v4'ten v5'e geçiş kılavuzu.
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?
- Chrome
Ç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!
- Chrome
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
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
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!
- Chrome
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ı.
- Chrome
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
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.
- Chrome
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.
- Chrome
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!
- Chrome
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.
- Chrome Geliştirici Araçları
Geliştirici Araçları'ndaki Yenilikler (Chrome 78)
Denetimler panelinde Lighthouse 5.2 ve Performans panelinde Largest Contentful Paint.
- Chrome
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.
- Chrome
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.
- Chrome
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!
- Chrome
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.
- Chrome
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
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.
- Chrome
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.
- Chrome
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
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
WebAPK'larını Daha Sık Güncelleme
Chrome 76'dan itibaren WebAPK'ları daha sık güncellenecek.
- Chrome
LayoutNG
Chromium için yeni bir düzen motoru
- Chrome
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!
- Chrome
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.
- Chrome
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
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
Resimleri modern biçimlerde sunma
Use-webp-images denetimi hakkında bilgi edinin.
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.
Kullanılmayan CSS'yi kaldırın
Kullanılmayan-css-rules denetimi hakkında bilgi edinin.
İ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.
Sunucu yanıt sürelerini kısaltın
Sunucu yanıt süresi denetimi hakkında bilgi edinin.
Ekran dışındaki resimleri ertele
Ekran dışı görseller denetimi 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.
- Chrome
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.
Tarayıcı hataları konsola kaydedildi
Tarayıcı hatalarını nasıl tanımlayıp düzelteceğinizi öğrenin.
JavaScript'i küçült
Küçültilmemiş javascript denetimi hakkında bilgi edinin.
Üçü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.
CSS'yi küçültün
Minimal css denetimi hakkında bilgi edinin.
robots.txt geçerli değil
"robots.txt geçerli değil" Lighthouse denetimi hakkında bilgi edinin.
Gerekli kaynaklara önceden bağlan
Use-rel-preconnect denetimi hakkında bilgi edinin.
Doküman meta tanım içermiyor
"Belgenin meta tanımı yok" Lighthouse denetimi hakkında bilgi edinin.
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.
Önemli istekleri önceden yükleyin
Use-rel-preload 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.
Resimleri uygun şekilde boyutlandırın
Use-duyarlı-resim denetimi hakkında bilgi edinin.
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!
- Chrome
Konsoldaki mesajları günlüğe kaydet
Mesajları Console'a nasıl kaydedeceğinizi öğrenin.
- Chrome Geliştirici Araçları
Konsol özellikleri referansı
Chrome Geliştirici Araçları'ndaki Console kullanıcı arayüzü ile ilgili her özellik ve davranışla ilgili kapsamlı referans.
- Chrome Geliştirici Araçları
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.
- Chrome Geliştirici Araçları
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ı.
- Chrome
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.
- Chrome
Önbellek verilerini görüntüleme
Chrome Geliştirici Araçları'nın Uygulama panelinden önbellek verilerini görüntüleme.
- Chrome Geliştirici Araçları
Web SQL verilerini göster
Chrome Geliştirici Araçları'nın Uygulama panelinden Web SQL verilerini görüntüleme.
- Chrome Geliştirici Araçları
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 Geliştirici Araçları
Seçili durumdaki DOM düğümü
Seçili olan DOM düğümünü almak için hızlı konsol kısayolunu öğrenin.
- Chrome
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.
- Chrome
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.
- Chrome Geliştirici Araçları
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.
- Chrome Geliştirici Araçları
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 Geliştirici Araçları
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!
- Chrome
KV Storage: Web'in İlk Yerleşik Modülü
Yeni KV Storage API'ye, dahili modüllere ve içe aktarma haritalarına giriş.
- Chrome
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.
- Chrome
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.
- Chrome Geliştirici Araçları
Web Geliştirici Ekosistemi Ekibi - Şubat özeti
Web Geliştirici Ekosistemi Ekibi'nde neler olup bittiğini inceleyeceğiz.
- Chrome
Workbox v3'ten v4'e geçiş
Workbox v3'ten v4'e geçiş kılavuzu.
ç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?
- Chrome
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.
- Chrome
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
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
Chrome 73'teki medya güncellemeleri
Donanım medya anahtarı desteği, HDCP politika kontrolü, Pencere İçinde Pencere kaynak denemeleri ve daha fazlası.
- Chrome
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.
- Chrome
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.
- Chrome
JavaScript'i devre dışı bırak
Komut Menüsünü açın ve Devre Dışı Bırak komutunu çalıştırın.
- Chrome Geliştirici Araçları
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
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!
- Chrome
Geliştirici Araçları'ndaki Yenilikler (Chrome 73)
Günlük noktaları, İnceleme Modu'ndaki ayrıntılı ipuçları ve çok daha fazlası.
- Chrome
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.
- Chrome
Ş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.
- Chrome
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ı
Chrome Geliştirici Araçları'nı aç
Chrome Geliştirici Araçları'nı açmak için kullanabileceğiniz tüm yöntemler.
- Chrome Geliştirici Araçları
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!
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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
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
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.
- Chrome
Pencere içinde pencere özelliğini kullanarak video izleme
Web sitenizdeki video öğeleri için Pencere İçinde Pencere özelliğini kontrol edin.
- Chrome
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
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
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ı.
- Chrome
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.
- Chrome
Houdini'nin Animasyon İş Akışı
Animasyon İş Akışı, bu ekstra telaşsız düzgünlük
- Chrome
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.
- Chrome uzantıları
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
Modern web tarayıcısına yakından bakış (3. bölüm)
Tarayıcı oluşturma motorunun iç işleyişi
- Chrome
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
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
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!
- Chrome
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
Chrome 69'daki medya güncellemeleri
Chrome 69'daki medya güncellemelerinin özeti: AV1 ve HDCP politika kontrolü.
- Chrome
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.
- Chrome
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
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!
- Chrome
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.
- Chrome
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.
- Chrome
ç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
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
- Chrome
Ö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.
- Chrome
Depolama alanı kotasını anlama
Depolama kotası sorunlarını önlemek için Workbox'ı yapılandırma kılavuzu.
Daha fazla yerel yankı giderme
Daha fazla yerel yankı giderme desteği
- Chrome
Ses iş uygulaması tasarım deseni
Ses iş uygulaması tasarım deseni
- Chrome
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.
- Chrome
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.
- Chrome
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 uzantıları
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.
- Chrome
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
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!
- Chrome
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ı.
- Chrome
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.
- Chrome
Lighthouse v3 Taşıma Kılavuzu
Lighthouse v2'den v3'e geçiş.
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
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ı.
- Chrome
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 uzantıları
Konsolda JavaScript'i çalıştırın
Console'da JavaScript'i nasıl çalıştıracağınızı öğrenin.
- Chrome Geliştirici Araçları
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!
- Chrome
En yüksek performansa ulaşın
Yüksek performanslı Chrome Uzantısı oluşturma yönergeleri.
- Chrome uzantıları
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.
- Chrome
Ç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.
- Chrome Geliştirici Araçları
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
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.
- Chrome
macOS yerel yankı giderme
Chrome'da yerel macOS yankı giderme uygulamasını kullanma
- Chrome
SmooshGate Hakkında SSS
SmooshGate bize standart geliştirme ve Web Platformu hakkında ne öğretebilir? Bu yazı bir genel bakış sağlar.
- Chrome
Kullanıcı gizliliğini koruma
Chrome Uzantınızın kullanıcı gizliliğini koruduğundan emin olmaya ilişkin yönergeler.
- Chrome uzantıları
Kullanıcı gizliliğini koruma
Chrome Uzantınızın kullanıcı gizliliğini koruduğundan emin olmaya ilişkin yönergeler.
- Chrome uzantıları
Kullanıcı arayüzünü tasarlama
Chrome Uzantıları için kullanıcı arayüzü ve tasarım yönergeleri.
- Chrome uzantıları
Workbox v2'den v3'e geçiş
Workbox v2'den v3'e geçiş kılavuzu.
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!
- Chrome
Güvende kalın
Chrome Uzantınızın güvenliğini sağlama.
- Chrome uzantıları
Güvende kalın
Chrome Uzantınızın güvenliğini sağlama.
- Chrome uzantıları
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ı.
- Chrome
Lighthouse 2.8 Güncellemeleri
Yeni performans ve SEO denetimleri, raporların ilk bölümü olarak performans ve daha fazlası.
- Chrome
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.
- Chrome
Erime/Spectre
Web Geliştiricileri için sonuçlar ve Chrome’un çözümleri.
- Chrome
çalışma kutusu oluşturma
Service Worker oluşturabilen, mevcut koda ön önbellek manifesti ekleyebilen veya ön önbellek manifesti oluşturabilen modüldür.
sw-precache veya sw-toolbox'tan geçiş
sw-precache veya sw-toolbox'tan Workbox'a geçiş kılavuzu.
Chrome Kullanıcı Deneyimi Raporu - Yeni ülke boyutu
Chrome Kullanıcı Deneyimi Raporu'nda yeni bir ülke boyutunun kullanıma sunulduğunu duyuruyoruz.
- Chrome
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!
- Chrome
CSS Paint API'sı
Houdini'nin CSS Paint API'si sayesinde CSS görüntülerini programlı şekilde çizebilirsiniz.
- Chrome
Geliştirici Araçları'ndaki Yenilikler (Chrome 65)
Yerel geçersiz kılmalar, erişilebilirlik araçları, performans ve SEO denetimleri ve daha fazlası.
- Chrome
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ı.
- Chrome
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.
- Chrome
Daha iyi reklamlarla ilgili güncelleme
Daha iyi reklamlarla ilgili güncelleme.
- Chrome
ç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 uzantıları
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.
- Chrome
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
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
Linux'ta uzantılar yükleme
Kişisel sunucudan crx dosyalarını paketleme, barındırma ve güncelleme.
- Chrome uzantıları
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.
- Chrome
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
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.
- Chrome
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
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.
- Chrome
ç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.
- Chrome
çalışma kutusu-google-analytics
Çevrimdışı Google Analytics etkileşimlerini tekrar oynatma desteği.
ç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-sw
Workbox çalışma zamanını, derleme adımı olmadan yüklemek için bir yol sağlar.
ç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
Chrome 63 sürümünde ::shadow ve /deep/ kelimelerini kaldırma
Gölge oluşturan CSS seçicilere veda edin.
- Chrome
Arabelleğe alma kotasının aşılması
QuotaExceededError sorununu çözmenin birkaç yolu vardır.
- Chrome
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
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.
- Chrome
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.
- Chrome
Bulanıklaştırma animasyonu
Bulanıklaştırma efektini etkili şekilde uygulamak için birkaç püf noktası gerekir.
- Chrome
İptal edilebilir getirme
Yeni bir web temel öğesi (iptal denetleyicisi) kullanılarak getirme işlemleri iptal ediliyor.
- Chrome
Chrome 62'deki WebVR değişiklikleri
WebVR API'deki değişiklikler hakkında bilgi edinin.
- Chrome
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
Chrome'da otomatik oynatma politikası
Chrome'daki yeni otomatik oynatma politikalarıyla iyi kullanıcı deneyimi için en iyi uygulamaları öğrenin.
- Chrome
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.
- Chrome
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
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
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.
- Chrome
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.
- Chrome
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
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ı.
- Chrome
Kullanılabilir Depolama Alanının Tahmini
navigator.storage.estimated(), web uygulamanızın depolama kısıtlamalarıyla ilgili analiz sunar.
- Chrome
Chrome 61'de Ses/Video Güncellemeleri
Chrome 61'deki ses ve video güncellemelerinin bir özeti.
- Chrome
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
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!
- Chrome
Geliştirici Araçları'ndaki Yenilikler (Chrome 61)
Chrome 61'de Geliştirici Araçları'na yeni özellikler ve değişiklikler geliyor.
- Chrome
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ış.
- Chrome
Güçlendirilmiş canlı yayın blogu - Kod bölme
Tıpkı WebPack gibi kod bölme ve rota tabanlı öbeklemeyi uyguladık.
- Chrome
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.
- Chrome
DOMException - play() isteği kesintiye uğradı
"DOMException - The play() isteği kesildi"?
- Chrome
Gözetimsiz Chrome ile otomatik test
Gözetimsiz Chrome ile otomatik test
- Chrome
Kimlik bilgisi yönetimi API'sindeki son güncellemeler
Kimlik bilgisi yönetimi API'sindeki son güncellemeler
- Chrome
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ı.
- Chrome
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
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ı!
- Chrome
Geliştirici Araçları'ndaki Yenilikler (Chrome 60)
Chrome 60'ta Geliştirici Araçları'na yeni özellikler ve değişiklikler geliyor.
- Chrome
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.
- Chrome
Gözetimsiz Chrome'u Kullanmaya Başlama
Gözetimsiz Chrome'u kullanmaya başlama
- Chrome
macOS'te yerel bildirim sistemine geçiş
Chrome 59'dan itibaren bildirimler macOS'te yerel bildirimler gösterecek.
- Chrome
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.
- Chrome
Geliştirici Araçları'ndaki Yenilikler (Chrome 59)
Chrome 59'da Geliştirici Araçları'na yeni özellikler ve değişiklikler geliyor.
- Chrome
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.
- Chrome
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
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!
- Chrome
(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
Chrome 58'de Ses/Video Güncellemeleri
Chrome 58'deki ses ve video güncellemelerinin bir özeti.
- Chrome
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
Chrome 57'de arka plan sekmeleri
Chrome 57'de arka plan sekmeleri
- Chrome
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!
- Chrome
Geliştirici Araçları'ndaki yenilikler (Chrome 58)
Chrome 58'de Geliştirici Araçları'na yeni özellikler ve değişiklikler geliyor.
- Chrome
Lighthouse Ocak 2017 güncellemesi
Lighthouse 1.5'teki yenilikler.
- Chrome
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.
- Chrome
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.
- Chrome
Ö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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome Geliştirici Araçları
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.
- Chrome
URL çubuğunu yeniden boyutlandırma
URL çubuğu gizlendiğinde mobil sayfalar artık yeniden boyutlandırılmaz.
- Chrome
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
Chrome Geliştirici Araçları - Chrome 58'de JavaScript CPU Profili Oluşturma
Chrome 58'de "JavaScript CPU Profilini Kaydet" değiştirildi.
- Chrome
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.
- Chrome
location:sticky Chrome'da geri döndü
pozisyon:yapışkan. Geri döndü!
- Chrome
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.
- Chrome
Performanslı Paralaks
Biraz matematiksel hareketlerle tarayıcı mimarileriyle uyumlu paralaks efektlerine sahip olmak mümkün!
- Chrome
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
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
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.
- Chrome
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ı.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
İ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.
- Chrome
auxclick Chrome 55'e geliyor
Birincil olmayan fare düğmesi tıklamaları için yeni bir auxclick etkinliği tetiklenir.
- Chrome
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.
- Chrome
Developers.google.com/web adresinde yapılan güncellemeler
Yeni Web'in Temelleri - daha iyi gezinme, yeni içerik ve daha fazlası!
- Chrome
Lighthouse'a Giriş
Web uygulamalarınızı denetlemek için Lighthouse'u nasıl ayarlayacağınızı öğrenin.
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
- Chrome
Kaynaklar Arası Hizmet Çalışanları - Yabancı Getirme ile Deneme Yapma
Üçüncü taraf hizmetler kendi ağ istek işleyicilerini dağıtmaya başlayabilir.
- Chrome
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.
- Chrome
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.
- Chrome
Push Abonelik Seçenekleri
Artık bir kullanıcıyı push etmek için abone yaparken kullanılan seçeneklere erişebilirsiniz.
- Chrome
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.
- Chrome
document.write() yöntemine müdahale etme
Chrome, document.write() kullanılarak eklenen bazı komut dosyalarını engelliyor
- Chrome
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
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.
- Chrome
DevTools Özeti, Ağustos 2016
Kaynaklar paneline, yeni özelliklere ve topluluk etkinliğine ne oldu?
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome Geliştirici Araçları
Çevrimdışı Google Analytics artık daha kolay
sw-offline-google-analytics kitaplığı ile ihtiyacınız olan her şeyi bulabilirsiniz.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
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
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
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
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.
- Chrome
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.
- Chrome
KeyboardEvents ile ilgili yenilikler nelerdir? Anahtarlar ve kodlar
İki yeni özellik, web'e tutarlı bir klavye etkinliği işleme özelliği getiriyor.
- Chrome
Deneme Süresi - Kaydırma Sabitleme
Kaydırma sabitleme, içeriği okumaya başladığınızda web sayfasının hareket etmesini durdurur.
- Chrome
Web'deki USB Cihazlara Erişme
WebUSB API, USB'yi web'e taşıyarak daha güvenli ve kullanımı kolay hale getirir.
Genel bakış
Google Chrome'un yerleşik web geliştirici araçlarını kullanmaya başlayın.
- Chrome Geliştirici Araçları
Console API referansı
Konsola mesaj yazmak için Console API'yi kullanın.
- Chrome Geliştirici Araçları
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.
- Chrome
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
Chrome 50'de Canvas toBlob() desteği eklendi
Canvas.toBlob desteği Chrome 50'de kullanıma sunulacak.
- Chrome
Chrome 50'de DOMTokenList Doğrulaması Eklendi
Chrome 50'de sunulan çeşitli özellikler için desteği doğrudan koddan kontrol edin.
- Chrome
Chrome 50'de Cihaz Yönü Değişiklikleri Yapılıyor
DeviceOrientationEvent göreli dereceler kullanır ve yeni bir DeviceOrientationabsoluteEvent.
- Chrome
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
Chrome 50'de Web Animasyonları iyileştirmeleri
Chrome 50'de daha iyi spesifikasyon uyumluluğu ve yeni özellikler geliyor.
- Chrome
Chrome, Chrome 50'de createImageBitmap() işlevini destekler
Chrome 50'ye ulaşmaya çalışan çalışanlarda görüntü çözme desteği.
- Chrome
İ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.
- Chrome
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
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.
- Chrome
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
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.
- Chrome
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ı.
- Chrome
HTMLMediaElement.play(), bir söz döndürür
Otomatik oynatma belirsizliğine veda edin! play() artık bir Promise döndürüyor.
- Chrome
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.
- Chrome
Kaynaklarda değişkenleri izleme
Chrome Geliştirici Araçları, uygulamanız genelinde birden fazla değişkeni kolayca görmenize olanak tanır.
- Chrome Geliştirici Araçları
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
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
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!
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
Chrome 48'de Bildirim İşlemleri
Kullanıcılar Bildirim İşlemi düğmelerini kullanarak sayfayı açmadan sitenizle etkileşimde bulunabilir
- Chrome
Etkinlikler için yüksek çözünürlüklü zaman damgaları
DOMHighResTimeStamp sayesinde etkinliklerin ne zaman mikrosaniye hassasiyetiyle gerçekleştiğini öğrenin.
- Chrome
URLSearchParams ile kolay URL değiştirme
TURLSearchParams'ın URL's sorgu dizesine önemsiz erişimi ve müdahale etmesi
- Chrome
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.
- Chrome
Progresif web uygulamalarını kullanmaya başlama
Progresif web uygulamaları geliştirmeye nasıl başlayacağınızı öğrenin
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Web animasyonları kaynakları
Web Animations API ile ilgili kaynaklar ve daha fazlası
Dokun ve ara özelliğinin tetiklenmesini yönetin
Dokun ve Ara özelliğinin ne zaman ve nasıl tetiklendiğini anlama
- Chrome
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.
- Chrome
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.
- Chrome
Giriş cihazı özellikleri
İşaretçi Etkinlikleri olmadığında fare ve dokunma mantığını mantıklı hale getirmek için daha basit bir yöntem
- Chrome
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.
- Chrome
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.
- Chrome Geliştirici Araçları
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.
- Chrome
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.
- Chrome
History API - Kaydırma geri yükleme
İstenmeyen kaydırma hareketlerinin önlenmesi için History API'de güncelleme.
- Chrome
Chrome'da Sekme Silme İşlemi - Bellek Tasarrufu Denemesi
Chrome'un bellek ayak izini azaltmak ekibin bu yıl en önemli önceliklerinden biridir.
- Chrome
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.
- Chrome
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.
- Chrome
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?
- Chrome
Stiller Bölmesi'nde kullanabileceğiniz basit klavye ipuçları
Birkaç kullanışlı klavye ipucuyla Stiller Bölmesi'nde etkili bir şekilde gezinmeyi öğrenin.
- Chrome
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.
- Chrome
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.
- Chrome
requestIdleCallback işlevini kullanma
requestIdleCallback, tarayıcı boşken iş planlamak için yeni performans API'sidir.
- Chrome
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.
- Chrome
Konsol Panelinde kullanılacak beş püf noktası
Konsol Panelinde kullanılacak beş püf noktası
- Chrome
Konsol Panelinde HTML'yi Düzenle
Öğeler panelinden tanıyabileceğiniz DOM düğümü içerik menüsü de konsol panelinde yer alır.
- Chrome
DOM düğümlerini kolayca kopyalayın
HTML'yi büyük bir dize olarak düzenlemek zorunda kalmadan DOM'u kolayca değiştirebilirsiniz.
- Chrome
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.
- Chrome
İyileştirilmiş DOM içerik haritaları
Öğeler panelinde içerik haritası yolunun olduğunu biliyor muydunuz?
- Chrome
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?
- Chrome
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.
- Chrome
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.
- Chrome Geliştirici Araçları
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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ı.
- Chrome
CSS medya sorgularını inceleme ve tetikleme
Cihaz Modu'nda duyarlı tasarımı kolaylaştıran yerleşik bir medya sorgusu inceleyici bulunur.
- Chrome
Sonraki tekrarı seçme kısayolu
Kaynaklar Paneli düzenleyicisinde, Cmd + D tuşu ile bir sonraki yeri seçebilirsiniz.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Denetçiyi kim denetliyor?
Geliştirici Araçları'nızı Geliştirici Araçları ile inceleyebileceğinizi biliyor muydunuz?
- Chrome
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.
- Chrome
İ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.
- Chrome
Ağ renk grupları
Kaynakları kolayca tespit etmek için hangi renklerin hangi kaynak türüyle eşleştiğini öğrenin.
- Chrome
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.
- Chrome
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
- Chrome
event_rules
manifest.json dosyasının event_rules özelliği için referans belgeleri.
- Chrome uzantıları
event_rules
manifest.json dosyasının event_rules özelliği için referans belgeleri.
- Chrome uzantıları
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.
- Chrome uzantıları
- Chrome
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.
- Chrome
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.
- Chrome
Öğe panelinde göster
DOM düğümlerini konsoldaki öğeler panelinde görebilirsiniz.
- Chrome
Alt + Tüm alt düğümleri genişletmek için tıklayın
Alt + Tüm alt düğümleri genişletmek için tıklayın
- Chrome
- Chrome Geliştirici Araçları
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.
- Chrome
Öğe Etiketlerini Hızlı Düzenleme
Nesne Paneli'nde bir düğümü düzenlemek için açılış etiketi adını çift tıklayabilirsiniz.
- Chrome
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
- Chrome
Tamamlanmamış ağ istekleri
Tamamlanmamış ağ isteklerini (ör. çalışan istekleri) görmek için Is:çalışıyor Gelişmiş Ağ Filtresini kullanabilirsiniz.
- Chrome
Seçili durumdaki DOM düğümü
Seçili olan DOM düğümünü almak için hızlı konsol kısayolunu öğrenin.
- Chrome
Ç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.
- Chrome
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.
- Chrome
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.
- Chrome
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]).
- Chrome
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.
- Chrome
İstisnalarda otomatik olarak duraklat
Geliştirici Araçları'nda, herhangi bir istisnada otomatik olarak duraklatma yapabilirsiniz (özellikle yakalanmamış istisnalar için).
- Chrome
- Chrome Geliştirici Araçları
CSS değerlerini hızlıca değiştirme
CSS değerlerini klavyeyle veya fare tekerleğiyle hızlıca değiştirin
- Chrome
Ayraç gösterimi için otomatik tamamlama
Kaynaklar panelinde köşeli parantez gösterimini otomatik olarak tamamlayabileceğinizi biliyor muydunuz?
- Chrome Geliştirici Araçları
- Chrome
Ağ isteğini cURL'de tekrar oynatma
Komut satırından ağ isteği hatalarını ayıklamayı öğrenin.
- Chrome
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.
- Chrome
Öğ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.
- Chrome
Ağ panelinde film şeritleri
Ağ panelinde görsel olarak gezinin ve sayfa yüklenirken yakalanan ekran görüntülerini görüntüleyin
- Chrome
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.
- Chrome
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.
- Chrome
Bağlantı noktası yönlendirme
DevTools bağlantı noktası yönlendirme, localhost URL'lerinin bile mobil cihazlarda çalışmasını sağlar.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Manifest - USB Yazıcılar
manifest.json dosyasının usb_printers özelliği için referans dokümanları.
Belirli bir sütundaki satır numarasına gitme
Kaynaklar panelindeki belirli satır numaralarına nasıl geçeceğinizi öğrenin.
- Chrome
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.
- Chrome
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.
- Chrome
Açıklamada öne çıkanlar
Tam olarak yürütülen ifadeyi, ayrıntılı vurgulamalarla görüntüleyin.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Önceden tanımlanmış snippet'ler
Herhangi bir web sayfasında önceden tanımlanmış kod snippet'leri nasıl çalıştırılır?
- Chrome
Öğ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.
- Chrome
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.
- Chrome
Nesne panelinde göster
DOM düğümlerini Console'daki Nesne panelinde görebilirsiniz.
- Chrome
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.
- Chrome
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]).
- Chrome
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.
- Chrome
Alt + Tüm alt düğümleri genişletmek için tıklayın
Alt + Tüm alt düğümleri genişletmek için tıklayın
- Chrome Geliştirici Araçları
- Chrome
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.
- Chrome
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.
- Chrome
Tamamlanmamış ağ istekleri
Tamamlanmamış ağ isteklerini (ör. çalışan istekleri) görmek için Is:çalışıyor Gelişmiş Ağ Filtresini kullanabilirsiniz.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Uzaktan hata ayıklama Android cihazlarda
Android cihazda Windows, Mac veya Linux bilgisayar kullanarak uzaktan hata ayıklama.
- Chrome Geliştirici Araçları
Console Utilities API referansı
Chrome Geliştirici Araçları Konsolu'nda bulunan kolaylık işlevleri referansı.
- Chrome Geliştirici Araçları
Sayfa kaynaklarını görüntüleyin
Kaynakları çerçeveye, alana, türe veya başka kriterlere göre düzenleyebilirsiniz.
- Chrome Geliştirici Araçları
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
- Chrome
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.
- Chrome Geliştirici Araçları
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.
- Chrome Geliştirici Araçları
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.
- Chrome Geliştirici Araçları
Web için Permissions API
Permissions API, bir API'nin izin durumunu kontrol edebileceğiniz merkezi bir yer sağlar.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Açık Web'de Push Bildirimleri
Chrome 42'de Push Mesajları ve Bildirimler Açılıyor.
- Chrome
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.
- Chrome
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.
- Chrome
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
Chrome Geliştirici Zirvesi 2014 - Şimdi Polymer ile bazı uygulamalar geliştirelim
Polimer şekilde uygulama geliştirme.
- Chrome
image-rendering:piksellenmiş
Ülkenin pikselleştirilmesi. Şimdi Chrome 41'de
- Chrome
moveBefore() ile DOM mutasyonları sırasında durumu koruma
Kritik durumu kaybetmeden düğümleri DOM'da taşıma
- Chrome
Paylaşılan modüller
Chrome Uzantıları arasında kod paylaşma.
- Chrome uzantıları
Paylaşılan modüller
Chrome Uzantıları arasında kod paylaşma.
- Chrome uzantıları
Chrome Geliştirici Zirvesi 2014 - Polimer - Birliğin durumu
Polimer Birliği'nin durumu.
- Chrome
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.
- Chrome
Yerel Mesajlaşma
Chrome Uygulamanızdaki yerel uygulamalarla nasıl mesaj alışverişi yapılır?
Chrome 39'da web animasyonları oynatma kontrolü
Web animasyonunu oynatma hakkında bilgi edinin
- Chrome
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ış.
- Chrome
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.
- Chrome
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.
- Chrome
2. Adım: Mevcut Bir Web Uygulamasını İçe Aktarın
Mevcut bir web uygulaması Chrome Uygulamaları platformuna nasıl uyarlanır?
7. Adım: Uygulamanızı Yayınlayın
Chrome Uygulamanızı Chrome Web Mağazası'nda nasıl yayınlarsınız?
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?
Todo Chrome Uygulaması Geliştirme
Codelab'e giriş.
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?
5. Adım: Web'den Resim Ekleme
XHR ve ObjectURL kullanarak Chrome Uygulamanıza resim ekleme.
Oluşturma araçları - agresif bitler
ES6 jeneratörleriyle ilgili keşif.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
m36'da Web Audio değişiklikleri
Chrome 36'da Web Ses standartları temizleme çalışmasının açıklaması
- Chrome
Chrome 37 Beta sürümünde iletişim kutusu öğesi gönderildi
Chrome Beta, yeni ve öğe sayfası için yerel desteğini
- Chrome
Geliştirici Araçları Özeti - Chrome 35
Chrome 35'te Geliştirici Araçları ile ilgili güncellemeler
- Chrome
Zengin bildirimler API'sı
Chrome Uzantısı kullanıcılarınıza bildirim gösterme.
- Chrome uzantıları
Notifications API'yi kullanma
Chrome Uzantısı kullanıcılarına bildirim gösterin.
- Chrome uzantıları
Web Performansı Ölçümünü Otomatikleştirme
Derleme işleminize web performansı metriklerini dahil etmek için PSI'yı kullanın.
- Chrome
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.
- Chrome
Oyun Motorları
Chrome uygulamaları için önerilen oyun motorları.
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.
- Chrome
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.
- Chrome
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
- Chrome
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
Manifest - Bluetooth
manifest.json dosyasının bluetooth özelliğiyle ilgili referans dokümanları.
Bluetooth
Chrome Uygulamanızdan Bluetooth cihazlarla nasıl iletişim kurulur?
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.
- Chrome uzantı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.
- Chrome uzantıları
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.
İpuçları ve püf noktaları
Web Görünümü uygulamanızı iyileştirmeye yönelik ipuçları ve püf noktaları.
Başlarken
Chrome Uzantısının nasıl oluşturulacağına ilişkin adım adım talimatlar.
- Chrome uzantıları
Sık sorulan sorular
Chrome Uzantıları hakkında sık sorulan sorular.
- Chrome uzantıları
Pixel mükemmelliğinde WebView
Mükemmel WebView kullanıcı arayüzleri oluşturma.
Geliştirici Araçları Özeti
Chrome 33'te Geliştirici Araçları ile ilgili güncellemeler
- Chrome
chrome.location
chrome.location API için referans dokümanları.
- Chrome uzantıları
Yeoman Aylık Özeti
Yüksek kaliteli Yeoman makaleleri, oluşturucuları ve proje haberleri içeren aylık özet.
- Chrome
Chrome ayarlarını geçersiz kılma
Bir Chrome Uzantısındaki Chrome ayarlarını geçersiz kılma.
- Chrome uzantıları
Chrome ayarlarını geçersiz kılma
Bir Chrome Uzantısındaki Chrome ayarlarını geçersiz kılma.
- Chrome uzantıları
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
Konuşan web uygulamaları - Speech Synthesis API'ye Giriş
Web Speech API'nin sentez özelliğine giriş.
- Chrome
Chrome Dev Summit - Platformların özeti
Platformlar
- Chrome
Chrome Dev Summit - Performans özeti
Performans Önemlidir
- Chrome
yuvalar
manifest.json dosyasının yuva özelliği için referans dokümanları.
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
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
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.
- Chrome
Yeoman Aylık Özeti
Yeoman topluluğu tarafından yazılan makalelerin, videoların ve konuşmaların düzenli olarak özetlenmesi.
- Chrome
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.
- Chrome
DevTools Özeti Aralık 2013
Chrome Geliştirici Araçları'nda yapılan değişikliklerle ilgili son güncelleme.
- Chrome
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ı!
- Chrome
Geliştirici Araçları terminali
Geliştirici Araçları'ndaki terminalinizi kullanma
- Chrome
Yönetilen depolama alanı için manifest
manifest.json dosyasının depolama özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Depolama alanları için manifest
manifest.json dosyasının depolama özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Mobil cihazlar için Chrome Geliştirici Araçları
Ekran video kaydı ve emülasyon
- Chrome
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
- Chrome
Yeoman Aylık Özeti
Yeoman topluluğu tarafından yazılan makalelerin, videoların ve konuşmaların düzenli olarak özetlenmesi.
- Chrome
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.
- Chrome
Seri Cihazlar
Chrome Uygulamanızdaki seri cihazlarla iletişim kurma.
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.
- Chrome
Flexbox düzeni yavaş değil
İyi haber! Yeni flexbox, eski flexbox'tan 2,3 kat daha hızlı
- Chrome
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.
- Chrome
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.
- Chrome
url_handlers
manifest.json dosyasının url_handlers özelliği için referans dokümanları.
externally_connectable
manifest.json dosyasının external_connectable özelliği için referans belgeleri.
- Chrome uzantıları
externally_connectable
manifest.json dosyasının external_connectable özelliği için referans belgeleri.
- Chrome uzantıları
Analytics
Google Analytics'i Chrome Uygulamanıza nasıl entegre edebilirsiniz?
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
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
- Chrome
sourceEşlemeURL ve sourceURL söz dizimi değişti
sourceEşlemeURL ve sourceURL söz dizimi değişti
- Chrome
Manifest V2 - Sürüm [Desteği sonlandırıldı]
manifest.json dosyasının sürüm özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Manifest Sürümü
manifest.json dosyasının manifest_version özelliği için referans belgeler.
- Chrome uzantıları
Manifest - Nacl Modülleri
manifest.json dosyasının nacl_modules özelliği için referans belgeleri.
- Chrome uzantıları
Manifest - Korumalı Alan
manifest.json dosyasının korumalı alan özelliği için referans belgeleri.
- Chrome uzantıları
Manifest - Simgeler
manifest.json dosyasının simgeler özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Manifest - short_name
manifest.json dosyasının short_name özelliği için referans dokümanları.
- Chrome uzantıları
Manifest - Sürüm
manifest.json dosyasının sürüm özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Manifest: Varsayılan Yerel Ayar
manifest.json dosyasının default_locale özelliği için referans dokümanları.
- Chrome uzantıları
Manifest - Simgeler
manifest.json dosyasının simgeler özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Manifest - Korumalı Alan
manifest.json dosyasının korumalı alan özelliği için referans belgeleri.
- Chrome uzantıları
Manifest - Koşullar
manifest.json dosyasının gereksinim özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Manifest - Koşullar
manifest.json dosyasının gereksinim özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Manifest - Açıklama
manifest.json dosyasının açıklama özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Manifest - Anahtar
manifest.json dosyasının temel özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Manifest: Web'den Erişilebilir Kaynaklar
manifest.json dosyasının web_accessible_resources mülkü için referans dokümanları.
- Chrome uzantıları
Manifest - Minimum Chrome Sürümü
manifest.json dosyasının minimum_chrome_version özelliği için referans belgeleri.
- Chrome uzantıları
Manifest: Ad ve Kısa Ad
manifest.json dosyasının name ve short_name özellikleri için referans belgeleri.
- Chrome uzantıları
Manifest: Web'den Erişilebilir Kaynaklar
manifest.json dosyasının web_accessible_resources mülkü için referans dokümanları.
- Chrome uzantıları
Manifest - Ana Sayfa URL'si
manifest.json dosyasının ana_sayfa_url özelliği için referans belgeleri.
- Chrome uzantıları
Manifest - Açıklama
manifest.json dosyasının açıklama özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Manifest - Gizli
manifest.json dosyasının gizli özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Manifest - Gizli
manifest.json dosyasının gizli özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Manifest: Varsayılan Yerel Ayar
manifest.json dosyasının default_locale özelliği için referans dokümanları.
- Chrome uzantıları
Manifest - ad
manifest.json dosyasının ad özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Manifest - Ana Sayfa URL'si
manifest.json dosyasının ana_sayfa_url özelliği için referans belgeleri.
- Chrome uzantıları
Manifest: Çevrimdışı Etkin
manifest.json dosyasının offline_enabled özelliği için referans dokümanları.
- Chrome uzantıları
Manifest - anahtar
manifest.json dosyasının temel özelliğiyle ilgili referans dokümanları.
- Chrome uzantıları
Manifest - Uygulama
manifest.json dosyasının uygulama özelliğiyle ilgili referans dokümanlar.
Kiosk Uygulamaları
manifest.json dosyasının kiosk_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ş
Gölge DOM kavramlarını görselleştirme
Gölge DOM kavramlarını görselleştirme
- Chrome
Uzantılar nedir?
Chrome Uzantılarının amacına ve nasıl geliştirildiğine genel bakış.
- Chrome uzantıları
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
- Chrome
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
- Chrome
CSS arka planı kısayolu mobil WebKit tarayıcılarına geliyor
CSS arka planı kısayolu mobil WebKit tarayıcılarına geliyor
- Chrome
Ses temelli web uygulamaları - Web Speech API'ye Giriş
Sesle Çalışan Web Uygulamaları - Web Speech API'ye Giriş
- Chrome
WebRTC ile ekran paylaşımı
WebRTC ile ekran paylaşımı
- Chrome
Tuval odaklı arka plan resimleri
Tuval veya webgl kullanarak CSS arka planını destekleme
- Chrome
WebRTC; Firefox, Android ve iOS'u kullanıyor
WebRTC; Firefox, Android ve iOS'u kullanıyor
- Chrome
AngularJS ile Uygulama Geliştirme
AngularJS ile Chrome Uygulamaları oluşturma rehberi.
İçerik güvenliği politikası 1.0 resmen harika
İçerik güvenliği politikası 1.0 resmen harika
- Chrome
Object.observe ile değişime yanıt ver
Object.observe ile değişime yanıt ver
- Chrome
Sencha Ext JS ile Uygulama Geliştirin
Sencha Ext JS çerçevesiyle Chrome Uygulamaları nasıl oluşturulur?
İzinleri bildirme
manifest.json dosyasındaki izinler mülkü için geçerli değerlere genel bakış.
- Chrome uzantıları
CSS gölgelendiriciler ve Google Haritalar ile etkileşimli yerküre
CSS gölgelendiriciler ve Google Haritalar ile Etkileşimli Dünya
- Chrome
ActiveTab izni
Chrome Uzantınızda ActiveTab iznini kullanma.
- Chrome uzantıları
"activeTab" izni
Chrome Uzantınızda ActiveTab iznini kullanma.
- Chrome uzantıları
Manifest dosyası biçimi
Bir Chrome Uzantısının manifest.json özelliklerine genel bakış.
- Chrome uzantıları
Uzantıları hata ayıklama
Chrome uzantılarında hata ayıklamayla ilgili talimatlar.
- Chrome uzantıları
Kaynaklar arası XMLHttpRequest
Chrome Uzantınıza çapraz kaynak XHR uygulama.
- Chrome uzantıları
Kullanıcılara seçenekler sunma
Kullanıcıların uzantınızı özelleştirmesini nasıl sağlayabilirsiniz?
- Chrome uzantıları
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 uzantıları
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.
- Chrome uzantıları
Mesaj iletme
Uzantılar ve içerik komut dosyaları arasında mesaj iletme
- Chrome uzantıları
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.
- Chrome uzantıları
Mesaj iletme
Uzantılar ve içerik komut dosyaları arasında mesaj iletme
- Chrome uzantıları
Yerelleştirme mesajı biçimleri
Chrome uzantıları için messages.json dosyasının biçimiyle ilgili referans dokümanlar.
- Chrome uzantıları
Hata ayıklama uzantıları
Chrome Uzantılarının nasıl hata ayıklanacağına ilişkin adım adım talimatlar.
- Chrome uzantıları
Tema nedir?
Tema oluşturmayla ilgili yönergeler.
- Chrome uzantıları
Canlı web ses girişi etkinleştirildi
Canlı web ses girişi etkinleştirildi
- Chrome
Kullanıcılara seçenekler sunma
Kullanıcıların Uzantınızı özelleştirmesini nasıl sağlayabilirsiniz?
- Chrome uzantıları
Eşleşme kalıpları
Chrome uzantılarındaki URL eşleşme kalıplarını anlama
- Chrome uzantıları
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.
- Chrome uzantıları
Eşleşme kalıpları
Örneklerle ana makine izni ve içerik komut dosyası kalıbı eşleşmesinin işleyiş şekli.
- Chrome uzantıları
Manifest dosyası biçimi
Chrome Uzantınızda kullanabileceğiniz manifest.json özelliklerine genel bakış.
- Chrome uzantıları
İ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?
- Chrome uzantıları
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.
- Chrome uzantıları
Korumalı alana alınmış iframe'lerde eval() işlevini kullanma
Chrome Uzantısında eval() nasıl kullanılır?
- Chrome uzantıları
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.
- Chrome uzantıları
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.
- Chrome uzantıları
Kaynaklar arası ağ istekleri
Chrome Uzantınızda kaynaklar arası ağ isteklerini uygulayın.
- Chrome uzantıları
Mimariye genel bakış
Chrome Uzantılarının yazılım mimarisinin üst düzey açıklaması.
- Chrome uzantıları
Chrome uzantılarında değerlendirmeyi kullanma
Chrome Uzantısında eval() nasıl kullanılır?
- Chrome uzantıları
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.
- Chrome uzantıları
Tema nedir?
Tema oluşturmayla ilgili yönergeler.
- Chrome uzantıları
Chrome Uygulaması Yaşam Döngüsü
Chrome Uygulamalarının yaşam döngüsüne genel bakış.
İlk Uygulamanızı Oluşturun
Temel Chrome Uygulaması oluşturmayı anlatan bir eğitim.
Chrome Uygulamaları Mimarisi
Chrome Uygulamalarının yazılım mimarisine genel bakış.
Web API'ları
Chrome Uygulamaları, web siteleri tarafından kullanılabilen tüm API'leri kullanabilir.
Erişilebilirliği destekleme
Chrome Uzantınızı erişilebilir hale getirme.
- Chrome uzantıları
Otomatik güncelleme
Chrome Uygulamanızın otomatik güncellenmesini etkinleştirme.
Ağ İletişimi
Chrome Uygulamanızda TCP ve UDP nasıl kullanılır?
Kullanıcı Kimlik Doğrulaması
Chrome Uygulamanızda kullanıcıların kimliklerini doğrulama.
İçerik Güvenliği Politikası
Chrome Uygulamaları için CSP'ye ve buna uyum sağlanmasına yönelik genel bakış.
MVC Mimarisi
Model görünüm denetleyicisi yazılım mimarisi modeline genel bakış.
Uzantı geliştirmeye genel bakış
Chrome Uzantısı özelliklerine ve bileşenlerine genel bakış.
- Chrome uzantıları
Manifest Sürümü
manifest.json dosyasının manifest_version özelliği için referans belgeler.
Erişilebilirlik (a11y)
Manifest V2 Chrome Uzantınızı erişilebilir hale getirme.
- Chrome uzantıları
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?
- Chrome uzantıları
Önce Çevrimdışı
Çevrimdışı çalışan Chrome Uygulamaları nasıl oluşturulur?
WebKit ile zengin bildirimler
Chrome Uzantınızda bildirimleri nasıl uygulayacaksınız.
- Chrome uzantıları
İçerik komut dosyaları
İçerik komut dosyaları ve bunları Chrome Uzantınızda nasıl kullanacağınızla ilgili açıklama
- Chrome uzantıları
Alternatif uzantı dağıtım seçenekleri
Chrome Uzantıları, Chrome Web Mağazası dışında nasıl dağıtılır?
- Chrome uzantıları
Harici İçerik
Chrome Uygulamanızda harici içerik nasıl sunulur?
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?
- Chrome uzantıları
USB Cihazlar
Chrome Uygulamanızdaki USB cihazlarıyla nasıl iletişim kurulur?
İçerik komut dosyaları
İçerik komut dosyaları ve bunları Chrome Uzantınızda nasıl kullanacağınızla ilgili açıklama
- Chrome uzantıları
Alternatif yükleme yöntemlerini kullanın
Tercihler JSON veya Windows kayıt defteri kullanarak Chrome Uzantıları nasıl yüklenir?
- Chrome uzantıları
Storage API'leri
Chrome Uygulamanızdaki depolama alanını kullanma.
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?
- Chrome uzantıları
Yığın değişiklikleri pozisyona geliyor:sabit öğeler
yığma değişiklikleri pozisyona geliyor:sabit öğeler
- Chrome
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
- Chrome
Giriş[type=file] dosyasını Filesystem API ile entegre etme
Giriş[type=file] dosyasını Filesystem API ile entegre etme
- Chrome
Milisaniye cinsinden yeterli olmadığında - Performance.now
Milisaniye cinsinden yeterli olmadığında - Performance.now
- Chrome
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
- Chrome
Google Chrome'da giriş[type=date] ile ilgili hızlı SSS
Google Chrome'da giriş[type=date] ile ilgili hızlı SSS
- Chrome
Artık bir klasörü Chrome'a sürükleyip bırakabilirsiniz
Artık bir klasörü Chrome'a sürükleyip bırakabilirsiniz
- Chrome
Tarayıcı grafiklerinin performansını ölçme
Tarayıcı grafik performansı nasıl ölçülür?
- Chrome
Geldi! xhr.send(ArrayBufferViews)
Geldi! xhr.send(ArrayBufferViews)
- Chrome
2D tuvalde GPU hızlandırmasından yararlanma
2D tuvalde GPU hızlandırmasından yararlanma
- Chrome
CSS Bölgeleri ve 3D dönüşümleri kullanarak çevrilebilir kitap yazma
CSS Bölgeleri ve 3D dönüşümleri kullanarak çevrilebilir kitap yazma
- Chrome
İç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
- Chrome
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.
- Chrome
Websocket Frame Denetleme artık Chrome Geliştirici Araçları'nda
WebSockets'ta kablo üzerinden geçen verilere inceleme yeteneği ekleme
- Chrome
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.
- Chrome
PHP'de XHR2 dosya yüklemelerini işleme
Dosya yüklemelerinin nasıl işleneceğini gösteren bir sunucu kodu örneği
- Chrome
WebRTC Prototonu
24 Mart'ta Google, dünyanın ilk WebRTC geliştirici etkinliği olan WebRTC Protothon'unu düzenledi.
- Chrome
requestAnimationFrame API - artık bir milisaniyeden kısa hassasiyetle
equestAnimationFrame API'nin bir bölümünde bir değişiklik yapılacak
- Chrome
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ı.
- Chrome
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
- Chrome
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
- Chrome
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,
- Chrome
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.
- Chrome
Yeni deneysel özellik - kapsamlı stil sayfaları
Chromium kısa süre önce HTML5'teki yeni bir özelliği kullanıma sundu: kapsamlı stil sayfaları.
- Chrome
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.
- Chrome
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.
- Chrome
Mutasyon gözlemcileriyle DOM değişikliklerini algılama
Mutasyon Gözlemcileri'ne giriş.
- Chrome
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.
- Chrome
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.
- Chrome
İş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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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ı.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
İç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.
- Chrome
WebSockets, Chrome Canary'de en son sürüme güncellendi
Chrome Canary'de WebSocket API en son sürüme (13) yükseltildi
- Chrome
HTML5 ve tarayıcı desteğini takip etme
Aslına bakarsanız bu özelliklere ayak uydurmak zor olabilir. Ama nereye bakacağınızı bilemezsiniz.
- Chrome
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.
- Chrome
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.
- Chrome
7 dakikalık videolar - JavaScript konsolu uzmanları ve yeni DOM API'leri
Chrome Geliştirici Araçları'ndaki JavaScript konsolunda seviye atlayın.
- Chrome
Çalışanlar ♥ ArrayBuffer
Chrome 13 ve FF5, Web Çalışanına/Web Çalışanına bir "ArrayBuffer" (veya Yazılı Dizi) göndermeyi destekler
- Chrome
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.
- Chrome
her yere insertAdjacentHTML ekleyin
HTML dokümanına içerik ekleme
- Chrome
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.
- Chrome
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.
- Chrome
HTML5 Kitaplıkları/polyfill'ler - Temmuz ortası
Her yerde açılan müthiş kitaplıklar
- Chrome
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.
- Chrome
Hiçbir kareyi kaçırmayın - Page Visibility API + HTML5 Video'yu kullanma
Sayfa Görünürlük API'si, mevcut sekmenin görünür olup olmadığını kontrol etmek için kullanılabilir.
- Chrome
WebGL'de alan adları arası resimleri kullanma
WebGL spesifikasyonunda, web alanları arası görüntü istemeyle ilgili önemli bir güncelleme var.
- Chrome
HTML5 kitaplıkları - Haziran sonu
Son zamanlarda heyecan verici kitaplıklar ortaya çıktı.
- Chrome
Sayfa Görünürlük API'sı - Dikkatinizi çekti mi?
Neyse ki yeni Sayfa Görünürlük API'si, uygulamanızın görünür olup olmadığını keşfetmesini sağlar.
- Chrome
HTML5'te Contra + Web Audio API'sı
GWT, HTML5 ve Web Audio API'sının gücü sayesinde herkesin favori hile kodu olan Contra'nın yaratıcısını oluşturabiliyoruz.
- Chrome
Chrome Yeni geliştirilenler kanalında navigator.onLine
HTML5'teki çevrimdışı API'lar sayesinde kullanıcılara kusursuz bir çevrimdışı deneyim sunmamanın mazereti yoktur.
- Chrome
updates.html5rocks.com sitesine hoş geldiniz
Geliştiricileri daha hızlı bilgilendirmek amacıyla bu"HTML5 Güncelleme Akışı "" bölümünü, paylaşılmaya değer ilginç şeyleri öne çıkarmak için oluşturduk
- Chrome
Web Uygulamanızın Hızını Denetleme
Hızlı bir web uygulaması, başarılı bir web uygulamasıdır. Geliştirici olarak işiniz, uygulamanızın hem gerçek hem de algılanan performansını optimize edene kadar bitmez. Bu, kullanıcılarınızın mükemmel bir deneyim yaşamasını sağlamak için doğru bir
- Chrome
- Chrome Geliştirici Araçları
Chrome Geliştirici Araçları'na giriş, 1. bölüm
Zengin ve güçlü bir web tarayıcısı olan Google Chrome, web'deki uygulamalar için olanaklara öncülük eder. Google, son kullanıcılara çok hızlı, çok istikrarlı ve zengin özelliklere sahip bir göz atma deneyimi sunmak için çok çalıştı. Google, sizin
- Chrome
Use the Chrome Web Store Publish API
How to programmatically create, update, and publish items in the Chrome Web Store.
- Workbox
- Chrome uzantıları
Google Play for Education Addendum to the Google Chrome Web Store Developer Agreement
In connection with the Google Chrome Web Store, Google may make certain Chrome Web Store applications available in Google's Play for Education site. If You or Your organization is interested in participating, please verify that the
- Chrome uzantıları
- Workbox
Chrome Web Store API Reference
This reference describes the methods and resource representation available for the Chrome Web Store Publish API. Each resource type has one or more data representations and one or more methods. See Using the Chrome Web Store Publish API for a guide
- Workbox
- Chrome uzantıları
Policies
Extension policies
- Workbox
- Chrome uzantıları
How NRK uses scroll-driven animations to bring stories to life
Learn how scroll-driven and scroll-triggered animations enhance storytelling articles
- Chrome
How Google Search uses speculation rules
Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience
- Chrome
Feedback and support
Receive support for the Chrome User Experience Report (CrUX).
- Chrome Kullanıcı Deneyimi Raporu
- Workbox
Capabilities
Find out how to use Chrome's capabilities to build rich and engaging web experiences.
- Workbox
What is ChromeDriver?
ChromeDriver is a standalone server that implements the W3C WebDriver standard.
- Workbox
Design Docs and discussions
WebDriver BiDi Backend Design [Microsoft] Async Command Processing for WebDriver in Chromium Browser Tools- and Testing WG, Day 2, TPAC 2019, Fukuoka Browser Tools- and Testing WG, Day 1, TPAC 2019, Fukuoka
- Workbox
Chrome Web Store
Chrome Web Store An online marketplace where users can browse for extensions and themes. Publish your extension there and make it accessible to the world. dashboard Developer Dashboard Publish your extension and manage your store items. local_mall
- Workbox
- Chrome uzantıları
Accessibility
Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way. This course is created for beginner and advanced web developers. You
Chrome's 2024 recap for devs: Re-imagining the web with AI in DevTools, built-in Gemini, and new UI capabilities
Check out Chrome for Developers' 2024 year-end roundup of the latest web features, capabilities, and tools.
- Chrome
Sign up for the Language Detection API origin trial
The Language Detection API is now available in a Chrome origin trial.
- Workbox
Chrome 129
Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.
- Chrome
What's missing from HTML and CSS?
Do you agree with the CSS Day attendees about what should be added to the web?
- Chrome
More efficient IndexedDB storage in Chrome
A new optimization in Chrome improves how IndexedDB data is stored on disk. This document summarizes the key points of this update.
- Chromium
- Workbox
Creating a great listing page
Best practices on how to make a high-quality, engaging listing page for your item in the Chrome Web Store.
- Workbox
- Chrome uzantıları
Help with ChromeDriver
If you have a general question or need help using ChromeDriver, you can email the chromedriver-users group. Before filing a bug, look at the existing issues for the same topic. ChromeDriver is an open source project, worked on by various
- Workbox
Clicking issues
ChromeDriver clicking works by simulating a mouse click in the middle of the element's first client rect (or bounding client rect if it doesn't have a first client rect). The easiest way to find out where ChromeDriver is attempting to click is to
- Workbox
Contribute to ChromeDriver
ChromeDriver is a Chromium project and the code lives in the Chromium repository. Chromium is the open source project on which Google Chrome is based. Follow the instructions to check out the entire Chromium source tree. After you have your source
- Workbox
Deceptive Installation Tactics FAQ
Frequently asked questions about Chrome Web Store's policies on deceptive installation tactics.
- Workbox
- Chrome uzantıları
Listing Requirements
If your product has a blank description field or is missing an icon or screenshots, it will be rejected. Ensure your product's listing information is up to date, accurate, and comprehensive. We don't allow extensions with misleading, inaccurate,
- Workbox
- Chrome uzantıları
Deceptive Installation Tactics
Extensions must be marketed responsibly. The set of functionalities promised by the extension must be stated clearly and in a transparent manner. The outcome of any user interaction should match the reasonable expectations that were set with the
- Chrome uzantıları
- Workbox
Best Practices and Guidelines
Research and understand the Chrome Web Store policies. Before developing a Chrome extension, it is important to review the Chrome Web Store Developer Program Policies and ensure your extension complies with all guidelines and requirements. Extensions
- Chrome uzantıları
- Workbox
Extensions quality guidelines FAQ
Frequently asked questions about the single purpose policy.
- Chrome uzantıları
- Workbox
Quality guidelines
An extension must have a single purpose that is narrow and easy to understand. Don't create an extension that requires users to accept bundles of unrelated functionality. If two pieces of functionality are clearly separate, they should be put into
- Workbox
- Chrome uzantıları
Aurora
A collaboration between Chrome and open-source web frameworks to improve user experience on the web.
- Workbox
CrUX methodology
Technical documentation on CrUX eligibility, metrics, dimensions and accessing the data.
- Workbox
- Chrome Kullanıcı Deneyimi Raporu
Chrome release notes and updates
Chrome's latest releases
- Workbox
Workbox
Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team
- Workbox
Extensions / Develop
Learn how to develop extensions
- Workbox
- Chrome uzantıları
Content filtering
An explanation of content filtering and how to approach it in your Chrome Extension.
- Workbox
- Chrome uzantıları
Reference
Reference for APIs available to Chrome Apps
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Chrome uzantıları
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Workbox
- Chrome uzantıları
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Chrome uzantıları
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Chrome uzantıları
- Workbox
Skip review for eligible changes
An overview of expedited review for Declarative Net Request changes.
- Chrome uzantıları
- Workbox
Version selection
Version selection is the process of matching a Chrome binary of a given version to a compatible ChromeDriver binary. Starting with M115 the ChromeDriver release process is integrated with that of Chrome. The latest Chrome + ChromeDriver releases per
- Workbox
Rollback a published Chrome Web Store item
How to rollback an extension that you previously published on the
- Chrome uzantıları
- Workbox
Additional Requirements for Manifest V3
Extensions using Manifest V3 must meet additional requirements related to the extension's code. Specifically, the full functionality of an extension must be easily discernible from its submitted code, unless otherwise exempt as noted in Section 2.
- Workbox
- Chrome uzantıları
Chrome for Developers
google-site-verification: google2d9992045b4571ad.html
Extensions / How to
Solve common development tasks around Chrome extensions
- Workbox
- Chrome uzantıları
Changes to BFCache behavior with extension message ports
We are making changes to Chrome BFCache which potentially impact extensions using message ports.
- Chrome
Mature & Sexually Explicit Material
We don't allow content that contains nudity, graphic sex acts, sexually explicit material, or content that drives traffic to commercial pornography sites. We also don't allow content that promotes incest, bestiality, necrophilia, or non-consensual
- Workbox
- Chrome uzantıları
Announcing Chrome for Developers in China
We are publishing our sites on a .cn domain to make them easier to access in China.
- Chrome
chrome.location
The chrome.location API is no longer supported. We recommend using open web alternatives such as the Geolocation API instead.
- Workbox
- Chrome uzantıları
Register your developer account
How to register as a Chrome Web Store developer.
- Chrome uzantıları
- Workbox
Create a side panel
TBD
- Workbox
- Chrome uzantıları
Trader/Non-Trader developer identification and verification
Developer's requirement to disclose and verify their trader/non-trader status.
- Chrome uzantıları
- Workbox
Extensions / Samples
Samples Explore samples from the Chrome Extension samples repository. Use these to learn how extensions work or as starting points for building your own extensions. action.disable action.enable action.getBadgeBackgroundColor action.getBadgeText
- Chrome uzantıları
- Workbox
Overview of CrUX
Introduction to the CrUX dataset.
- Workbox
- Chrome Kullanıcı Deneyimi Raporu
Permissions
A list of permissions and user warnings available on the extensions platform.
- Chrome uzantıları
- Workbox
Chromium Issue Tracker migration is complete
Chromium issue tracking is now migrated.
- Chrome
Chromium Issue Tracker migration beginning Feb 2, 2024 at 5pm PST
The Chromium Issue Tracker migration begins today.
- Chrome
Program Policies
The Web Store program policies.
- Workbox
- Chrome uzantıları
Project Fugu API Showcase
Project Fugu API Showcase The Project Fugu API Showcase is a collection of apps that make use of APIs that were conceived in the context of Project Fugu. You can learn more about Project Fugu on the Capabilities landing page. Absolute Orientation
- Workbox
Join Privacy Sandbox Office Hours #12: Learn about Chrome-facilitated testing
Join the 12th edition of Privacy Sandbox office hours dedicated to Chrome-facilitated testing, where the Privacy Sandbox team will provide some Privacy Sandbox tester updates and answer your questions with product and technical leads.
- Chrome
Real-time Updates in Extensions
Managing real-time updates in Extensions
- Workbox
- Chrome uzantıları
Distribute your extension
How to host your Chrome extension.
- Workbox
- Chrome uzantıları
Extensions / Reference
Reference for the extensions manifest, related permissions and APIs
- Chrome uzantıları
- Workbox
Chrome Archive
Chrome Archive Chrome Apps Chrome-specific APIs to create experiences with more access to the underlying operating system. These were deprecated in 2020, supported only for ChromeOS until Jan 2025. Native Client A sandbox to run compiled C and C++
- Workbox
Chromium Chronicle
Chromium Chronicle
- Chromium
- Workbox
Chromium
Find resources on the Chromium project.
- Chromium
- Workbox
Chrome 121 beta
CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.
- Chrome
Get Inspired
Read these case studies to find inspiration for your next project with Chrome.
- Chrome
Feeds
You can add the following RSS feeds to your feed reader to get automatic updates for areas of the site you are particularly interested in.
- Chrome
Extensions / Manifest V3
Manifest V3 Manifest V3 is the latest version of the extensions platform. We have made a number of changes to the available APIs and added a number of new features. Manifest V3 aims to be the first step in our platform vision to improve the privacy,
- Chrome uzantıları
- Workbox
chrome.webstore
As of 06/12/2018, inline installation is deprecated. For more information, read our Chromium Blog post and Migration FAQ.
- Workbox
- Chrome uzantıları
User interface components
A catalog of user interface elements available in extensions.
- Chrome uzantıları
- Workbox
Modules
Dig deeper into specific Workbox modules.
- Workbox
Set up your developer account
How to set up your Chrome Web Store developer account.
- Workbox
- Chrome uzantıları
Prepare your extension
Prepare your extension files.
- Chrome uzantıları
- Workbox
Submit a feature request
Submit a request for a feature that you believe could improve the extension platform.
- Chrome uzantıları
- Workbox
Support and feedback
Give us feedback to help us improve the platform and fix its bugs.
- Chrome uzantıları
- Workbox
Storage and cookies
Overview of how web storage APIs and cookies work in extensions.
- Workbox
- Chrome uzantıları
Chrome for Developers
User-agent: * Disallow: Sitemap: https://developer.chrome.com/sitemap.xml
Use your Google Analytics account with the Chrome Web Store
See analytics for your Chrome Web Store listing in addition to the metrics offered in the Developer Dashboard.
- Workbox
- Chrome uzantıları
Better full screen mode with the Keyboard Lock API
Use the Keyboard Lock API to capture the Escape key in full screen mode. If you've ever played a full screen web game that popped up an in-game dialog that you instinctively canceled with the Escape key, you probably found yourself kicked out of full
- Chrome
Help test bounce tracking mitigations
We plan to launch mitigations to limit tracking from a particular technique called "bounce tracking" later this year. We would like to invite developers to test this new feature with feature flags and provide feedback.
- Chrome
Specify how multiple animation effects should composite with animation-composition
When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?
- Workbox
Manifest V3 migration checklist
A quick reference for upgrading your extensions from Manifest V2 to Manifest V3.
- Workbox
- Chrome uzantıları
More control over :nth-child() selections with the of S syntax
Pre-filter a set of child elements before applying An+B logic on it.
- Workbox
Test service worker termination with Puppeteer
A guide explaining how to test service worker termination using Puppeteer.
- Chrome uzantıları
- Workbox
Affiliate Ads
Any affiliate program must be described prominently in the product's Chrome Web Store page, user interface, and before installation. Related user action is required before the inclusion of each affiliate code, link, or cookie. Some example violations
- Chrome uzantıları
- Workbox
Affiliate Ads FAQ
Frequently asked questions about Chrome Web Store's policies on affiliate ads.
- Workbox
- Chrome uzantıları
Minimum Functionality
Do not post an extension with a single purpose of installing or launching another app, theme, webpage, or extension. Extensions with broken functionality—such as dead sites or non-functioning features—are not allowed. Extensions must provide a basic
- Chrome uzantıları
- Workbox
Use of Permissions
Request access to the narrowest permissions necessary to implement your Product's features or services. If more than one permission could be used to implement a feature, you must request those with the least access to data or functionality. Don't
- Workbox
- Chrome uzantıları
Chrome Apps
To ensure a great user experience, Chrome Apps distributed through the Chrome Web Store must follow the additional quality guidelines listed below. The guidelines in this section apply only to Chrome Apps. Packaged apps should: Take advantage of the
- Workbox
- Chrome uzantıları
Disclosure Requirements
You must be transparent in how you handle user data (e.g., information provided by a user or collected about a user or a user's use of the Product or Chrome Browser), including by disclosing the collection, use, and sharing of the data. If your
- Workbox
- Chrome uzantıları
Featured Products
The Chrome Web Store features products that align with our standards, values, and that we believe will produce valuable user experiences. Certain products that don't meet these standards, but which do not explicitly violate Chrome Web Store
- Workbox
- Chrome uzantıları
Spam and Abuse
We don't allow any developer, related developer accounts, or their affiliates to submit multiple extensions that provide duplicate experiences or functionality on the Chrome Web Store. Extensions should provide value to users through the creation of
- Chrome uzantıları
- Workbox
Repeat Abuse
Serious or repeated violations of the Chrome Web Store Distribution Agreement or these Program Policies will result in the suspension of your developer account, and possibly related developer accounts. Additionally, you may be banned from using the
- Workbox
- Chrome uzantıları
Code Readability Requirements
Developers must not obfuscate code or conceal functionality of their extension. This also applies to any external code or resource fetched by the extension package. Minification is allowed, including the following forms: Removal of whitespace,
- Workbox
- Chrome uzantıları
Ads
Ads are considered part of your Product for purposes of content review and compliance with developer terms, and therefore must comply with the above content policies. Ads which are inconsistent with the content rating of your products or extension
- Chrome uzantıları
- Workbox
Hate Speech and Violent Behavior
Depictions of gratuitous violence are not allowed. Products should not contain materials that threaten, harass, or bully other users. We don't allow content or products that advocating against or inciting hatred towards groups of people based on
- Chrome uzantıları
- Workbox
Accepting Payment From Users
If you collect sensitive personal information through your Product for sales, you must follow these requirements: You must securely collect, store, and transmit all credit card and other sensitive personal information in accordance with privacy and
- Chrome uzantıları
- Workbox
Limited Use
This policy establishes the Chrome Web Store's minimum user data privacy requirements; you or your Product must comply with applicable laws. You must limit your use of the data to the practices you disclosed. Collection and use of web browsing
- Chrome uzantıları
- Workbox
Impersonation & Intellectual Property
Don't pretend to be someone else, and don't represent that your product is authorized by, endorsed by, or produced by another company or organization, if that is not the case. Your Product and its user experience also must not mimic functionality or
- Chrome uzantıları
- Workbox
Notification and appeals
In the event that your Product is removed from the Chrome Web Store, you will receive an email notification to that effect, with further instructions if applicable. Verify that the associated publisher account with your Product can receive emails
- Workbox
- Chrome uzantıları
Regulated goods and services
Don't engage in or promote unlawful activities in your product, such as rape, illegal sex work, or the sale of prescription drugs without a prescription. We will remove content which promotes, glorifies, or encourages dangerous or illegal activity
- Workbox
- Chrome uzantıları
2-Step Verification
To ensure the security of Chrome Web Store accounts, 2-Step Verification is required for all developer accounts prior to publishing an extension or updating an existing extension. Developers can activate 2-Step Verification for their Google accounts
- Chrome uzantıları
- Workbox
Enforcement Circumvention
Any attempt to circumvent intended limitations or enforcement actions will result in the immediate termination of your developer account, and possibly related developer accounts.
- Workbox
- Chrome uzantıları
Handling Requirements
If your product is associated with a security vulnerability that could be exploited to compromise another application, service, browser, or system, we may remove your product from the Chrome Web Store and take other measures to protect users. In such
- Workbox
- Chrome uzantıları
Privacy Policies
If your Product handles any user data, then you must post an accurate and up to date privacy policy. The privacy policy must, together with any in-Product disclosures, comprehensively disclose: How your Product collects, uses and shares user data All
- Workbox
- Chrome uzantıları
Misleading or Unexpected Behavior
We do not allow products that deceive or mislead users, including in the content, title, description, or screenshots. If any of your product's content, title, icon, description, or screenshots contains false or misleading information, we may remove
- Workbox
- Chrome uzantıları
Malicious and Prohibited Products
Don't transmit viruses, worms, defects, Trojan horses, malware, or any other products of a destructive nature. We don't allow content that harms or interferes with the operation of the networks, servers, or other infrastructure of Google or any
- Chrome uzantıları
- Workbox
API Use
Extensions must use existing Chrome APIs for their designated use case. Use of any other method, for which an API exists, would be considered a violation. For example, overriding the Chrome New Tab Page through any means other than the URL Overrides
- Workbox
- Chrome uzantıları
Meeting you where you are
Find out how you can meet the Chrome team.
- Chrome
Known issues when migrating to Manifest V3
Recently, we announced changes to the Manifest V2 deprecation timeline, and while we remain firmly committed to Manifest V3 we acknowledge there is more work to do on our part. We are committed to closing the following gaps before announcing a new
- Chrome uzantıları
- Workbox
Discovery on the Chrome Web Store
An overview of how users find items on the Chrome Web Store, and how our editors select items to feature.
- Workbox
- Chrome uzantıları
Chrome Web Store review process
An overview of the review process and how enforcement actions result from detected policy violations.
- Chrome uzantıları
- Workbox
Manifest V2 support timeline
Details of the Manifest V2 phase-out and end of life.
- Chrome uzantıları
- Workbox
Manage user feedback
Follow-up on reviews and provide user support in the Chrome Web Store.
- Chrome uzantıları
- Workbox
Check on your review status
How to check the review status of your Chrome Web Store item.
- Workbox
- Chrome uzantıları
Analyze your store listing metrics
Understanding metrics and performance of your Chrome Web Store store listing.
- Chrome uzantıları
- Workbox
Cross-origin isolation
Overview of cross-origin isolation for extensions
- Workbox
- Chrome uzantıları
Enterprise publishing options
How to distribute extensions to enterprise users
- Chrome uzantıları
- Workbox
Prepare to publish: set up payment and distribution
How to choose which countries will list your item and who will see it in the Chrome Web Store.
- Chrome uzantıları
- Workbox
Complete your listing information
How to add listing information for your Chrome Web Store item.
- Chrome uzantıları
- Workbox
Update your Chrome Web Store item
How to update an extension or theme ("item") that you previously published on the Chrome Web Store.
- Workbox
- Chrome uzantıları
Troubleshooting Chrome Web Store violations
Guidelines for understanding why an item was rejected or removed from the Chrome Web Store and how to fix the problem.
- Chrome uzantıları
- Workbox
Chrome Web Store payments deprecation
Why the payments is deprecated, details about the deprecation timeline, and more.
- Chrome uzantıları
- Workbox
Human interface devices on the web: a few quick examples
There is a long tale of human interface devices (HID) that are too new, too old, or too uncommon to be accessible by systems' device drivers. The WebHID API solves this by providing a way to implement device-specific logic in JavaScript.
- Workbox
Deleting Chrome Web Store developer accounts
How to delete a developer or group publisher account on the Chrome Web Store.
- Chrome uzantıları
- Workbox
Set up a group publisher
How to share ownership of your Chrome Web Store items with other developers.
- Chrome uzantıları
- Workbox
Fill out the privacy fields
Use the privacy practices tab to help the Chrome Web Store team review your extension as quickly as possible.
- Workbox
- Chrome uzantıları
Spam policy FAQ
Frequently asked questions about Chrome Web Store's spam policy.
- Chrome uzantıları
- Workbox
Navigate Chrome DevTools with assistive technology
A guide on navigating Chrome DevTools using assistive technology like screen readers.
- Chrome Geliştirici Araçları
- Workbox
Unlocking new capabilities for the web
Web apps should be able to do anything native apps can. Through Project Fugu, we want to make it possible to build and deliver any kind of app on the open web.
- Chrome
Supplying Images
Guidelines about the kinds of images you need to supply to the Chrome Web Store.
- Workbox
- Chrome uzantıları
Branding Guidelines
Guidelines for use of Google trademarks.
- Workbox
- Chrome uzantıları
Beyond SPAs - alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, to help you make the right decision for your use case.
- Chrome
Working with the new CSS Typed Object Model
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
- Workbox
Best Practices
How to create a high-quality extension and Chrome Web store listing.
- Workbox
- Chrome uzantıları
API Deprecations and Removals in Chrome 54
An round up of the deprecations and removals in Chrome to help you plan.
- Chrome
Trader FAQ: Chrome Web Store
Frequently asked questions about Chrome Web Store's user data policy.
- Chrome uzantıları
- Workbox
Updated Privacy Policy & Secure Handling Requirements
Frequently asked questions about Chrome Web Store's user data policy.
- Workbox
- Chrome uzantıları
API Deprecations and Removals in Chrome 49
An round up of the deprecations and API removals in Chrome to help you plan.
- Chrome
Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling
Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Timeline event reference
The timeline events mode displays all events triggered while making a recording. Use the timeline event reference to learn more about each timeline event type.
- Chrome Geliştirici Araçları
- Workbox
What is the Chrome Web Store?
An explanation of the Chrome Web Store and why you might want to use it.
- Workbox
- Chrome uzantıları
Chrome Dev Summit 2014 - The applied science of runtime performance
The story of building the Chrome Dev Summit site.
- Chrome
Publish in the Chrome Web Store
How to publish a new extension or theme to the Chrome Web Store.
- Workbox
- Chrome uzantıları
Google Chrome Web Store Developer Agreement
The legal agreement governing the relationship between Chrome Web Store developers and the Chrome Web Store.
- Workbox
- Chrome uzantıları
Content Ratings Guidelines
Guidelines about how the Chrome Web Store rates the maturity of content.
- Workbox
- Chrome uzantıları
Localization message formats
Reference documentation about the format of the messages.json file for Chrome Extensions.
- Workbox
- Chrome uzantıları
Publish Your App
How to publish your Chrome App.
- Workbox
What Are Chrome Apps?
An overview of Chrome Apps and why you might want to build them.
- Workbox
CSS layout gets smarter with calc()
You can use calc() anywhere a length or number is used, so you can use it for positioning things, or in rgb() color values as well, so it has lots of great uses in a style sheet.
- Workbox
Summarizer
Get a short summary of every webpage.
Multiple side panels
This recipe shows how to use sidePanel.getOptions() to retrieve the current side panel and switch between side panels.
Google Gemini Demo
Try the Gemini Models.
Simple Theme
Global side panel
Shows how to display the same side panel on every site using the Side Panel API.
Open extension API reference
Custom Cursor Extension
Adds a custom cursor on developer.chrome.com.
Chrome Built-in AI Demo
Try the built-in AI preview in Chrome.
Dictionary side panel
Provides definitions in the side panel.
Privacy API sample
Uses the chrome.privacy.services property to get and set privacy settings.
Hello World
Basic Hello World Extension
WebGPU Extension
Generate a red triangle with WebGPU in an extension service worker.
User Scripts API Demo
Uses the chrome.userScripts API to inject JavaScript into web pages.
Keep Awake
Override system power-saving settings.
Conifer Music - Official app in the Microsoft Store
Conifer is FAST Conifer integrates perfectly with your PC Conifer offers beautiful music visualizations Conifer is completely cross-platform Conifer is a fast, cross-platform music player that lets your play all of YOUR music, you know, the music you actually own. Have some CDs? Rip them to your computer and add them to Conifer! Have some MP3s? Add them to Conifer!
Project Fugu API Showcase
Stadia Bluetooth mode
Switch your Stadia Controller to Bluetooth mode to keep gaming wirelessly on your favorite devices and services after Stadia shuts down
Wavacity
Wavacity is a port of the Audacity audio editor to the web browser. Free and open-source. No install required.
Native Messaging Example
Send a message to a native application.
Reading List API Demo
Uses the chrome.readingList API to display, update and remove reading list entries.
Winamp for Creators - Start your Creator's journey
Winamp for Creators puts the power back in your hands by giving you access to all the artist services you need to take control of your musical journey.
Transitions DJ
Transitions DJ is a web-based, ad-free DJ mixing app. Mix music online from SoundCloud or your own music collection.
Get started
Explore the fundamentals of music via Ableton's interactive website. Experiment with beats, melody, harmony, basslines, and song structure in your web browser.
Mammoth - Official app in the Microsoft Store
Discover a simpler way to socialize online with Mammoth, the Mastodon app that prioritizes ease-of-use and clean design. Experience the open-source, decentralized social network without the clutter. Join communities, share your thoughts, and connect with like-minded individuals all with just a few taps. Say goodbye to overwhelming feeds and complicated features, Mammoth simplifies the social media experience. AI Enhanced: - Struggling to find that perfect image to go along with your post? Have a funny idea for an image on a post? Generate it right in Mammoth with the magic of AI - Not understanding something in a post, or just want to learn more about a specific topic in a post? Click the search button on a post to have AI help you understand the post! - AI driven autocomplete and status generation: Have something to say but not sure how to say it best? Ask Mammoth to write it for you! Customizable: - Dark and light mode support - Theming User Friendly: - Cross Platform - Fast
Maskable.app
Preview maskable icons in the browser!
heritagein.info
Radio House
Netflix Spain - Watch TV Shows Online, Watch Movies Online
Watch Netflix movies & TV shows online or stream right to your smart TV, game console, PC, Mac, mobile, tablet and more.
AudioMass
AudioMass is a free full-featured web-based audio & waveform editing tool
Farmbound - a diurnal game of farming
iRobot Coding
Active Recall
Home · Semaphore
An alternative web client for Mastodon, focused on speed and simplicity.
kota-yata editor
WYSIWYG Markdown editor with pdf viewer
Spatial Fusion is Mixed Reality for the Web
A Mixed Reality WebXR technology showcase designed in collaboration between Meta, and PHORIA and LUSION.
Home · Pinafore
An alternative web client for Mastodon, focused on speed and simplicity.
S.E.P.I.A.
S.E.P.I.A. is an app and framework for your own server-based, extendable, private, intelligent assistant.
Spotify - Web Player: Music for everyone
Spotify is a digital music service that gives you access to millions of songs.
Terra - Notícias, esportes, coberturas ao vivo, diversão e estilo de vida
Veja no Terra as últimas notícias e as melhores coberturas ao vivo do Brasil e do Mundo, Esportes, Diversão, Vida e Estilo e assista os melhores vídeos no TerraTV.
Groceries
noctura.tech
Tylify: Create seamless patterns in seconds
Web-based pattern-making application. All image formats supported (SVG, PNG, JPG, etc). Export seamless patterns as SVG or PNG.
The best free, adless Chess server
Free online chess server. Play chess in a clean interface. No registration, no ads, no plugin required. Play chess with the computer, friends or random opponents.
Sign in - Google Accounts
Graphite
DEV Community
A constructive and inclusive social network for software developers. With you every step of your journey.
file-tree Web Component
A file tree web component giving access to a device's file system using the File System Access API
Download our software
Download Tidepool Uploader for Mac and Windows, and Tidepool Mobile on iOS and Android.
VSLite
TikTok - Make Your Day
TikTok - trends start here. On a device or on the web, viewers can watch and discover millions of personalized short videos. Download the app to get started.
Descript
Descript is an all-in-one audio/video editor and screen recorder that works like a doc.
The PWinter
The Playroom
Babylon.js Playroom - a demo of Babylon.js using the Havok physics engine for the web introduced in Babylon 6.0
Experience GeForce NOW Gaming Anywhere & Anytime
Instantly play the most demanding PC games and seamlessly play across your devices.
Play Fortnite
Play Fortnite with Xbox Cloud Gaming (Beta). The future of Fortnite is here. Be the last player standing in Battle Royale and Zero Build, explore and survive in LEGO Fortnite, blast to the finish with Rocket Racing or headline a concert with Fortnite Festival. Play thousands of free creator made islands with friends including deathruns, tycoons, racing, zombie survival and more! Join the creator community and build your own island with Unreal Editor for Fortnite (UEFN) or Fortnite Creative tools. Each Fortnite island has an individual age rating so you can find the one that's right for you and your friends. Find it all in Fortnite!
PPG.report
Weather report tailored for paramotor pilots, worldwide. Combines winds aloft, nearby Terminal Aerodrome Forecasts, hourly forecasts, NWS active alerts and TFRs.
Logi Web Connect
Logi Web Connect gives you pairing flexibility to connect your Logi mice & keyboards through your Bolt Receiver. And is the perfect solution to pair your devices to computers without installing any software.
A privacy-first, open-source knowledge base
A privacy-first, open-source platform for knowledge management and collaboration.
birdfood.gq
WealthPosition: Personal Finance & Budgeting App
WealthPosition, the best personal finance app to budget and track your finances for financial independence
Tibbo Web Apps
Polypad – Virtual Manipulatives – Mathigon
Virtual manipulatives, dynamic geometry, graph plotting, data science and more: explore the ultimate mathematical playground!
StackBlitz
Snae player
Lightweight on device music player right in your browser.
Snapdrop
Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.
D&D Tokenizer
Generate image tokens with fancy borders for D&D and other table games characters. Perfect for adding visuality to your gaming experience.
Xchart.com
Automatic anesthesia charting. Focus on your patient — not your paperwork.
ZQuest Classic
Play one of hundreds of quests in ZQuest Classic, or create your own! ZQuest Classic is a game engine where you can make your classic adventure game
Average Colour
Average Colour is a tool to find the average colour in an image.
PaintZ
MS Paint for Chromebooks. Create and edit drawings and other images. Simple, fast, works offline, touch- and mouse-friendly, and no plug-ins required!
PWA Haven
Collection of small, fast, simple PWA's to replace native OS apps.
LiveHeats
Helping organisers run sophisticated competitions with minimal effort. All-in-one platform for live scoring, heat draws, scheduling, rankings and registration.
Pointland
Web Metaverse with Point Cloud
Oryx: The ZSA Keyboard Configurator
A powerful, visual tool to configure your keyboard. Based on the open-source QMK firmware.
Emberly - Your knowledge. Organized.
Emberly’s visual organization of bookmarks, notes, and files let you master information overload and learn better.
Mishipay
JSON utility tool
Web site created using create-react-app
app.ampedstudio.com
Ok! So...
The drawing app to express, grasp, and organize your thoughts and ideas
Elk
A nimble Mastodon web client
ESC Configurator - for Bluejay, BLHeli_S and AM32
Flash and manage your ESCs online without needing to download anything. Supports BLHeli_S, Bluejay and AM32 firmware.
Intervalometer
CodeSpace - Firia Labs
OpenAI CLIP Image Search in JavaScript (Using ONNX Web Runtime)
Application to help utilities management.
Budgeting app
wami
Diffr
Sqlime - Online SQLite playground
Sqlime is an online SQLite playground for debugging and sharing SQL snippets.
Flipper Lab
Web platform for your Flipper
Ruby
Ruby (V3) is customizable, free, and fast.
Smart Text Editor
The text editor that requires only a browser and a keyboard!
Discover the best Creators in the Fanzone
Embrace your inner fan, subscribe to your favorite creators to get Winamp-exclusive content.
bundlejs
Visit bundlejs.com - bundlejs is a quick and easy way to bundle, minify, and compress your ts, js, and npm packages all online.
Ensō
Writing is Thinking
Home Planner - Target
Plan your home, room by room. Design & style it virtually—then shop, share or save for later.
StackEdit – In-browser Markdown editor
Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.
Postr.me
Capture social network post to nice image and video
drum utility - teenage engineering
a utility for creating sample packs for the OP-1 field, OP-1, and OP-Z
Your connected workspace for wiki, docs & projects
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
Toaster
Toaster is a 3D editor that models in pure CSS + HTML. No WebGL, no canvas. Impractical? Yes. Useless? Also yes.
NFC Tools Online
Online tools to read and write the data on your NFC tags.
[md.edit]
A markdown editor web app based on the File System Access API
Memos AI
Memos AI allows you to record notes with ACCURATE transcriptions, powered by AI, on any device. Need to record a lecture to help with notes? Memos AI can do that AND give you an accurate transcript of what was said.
BrewFlasher Web Edition
Hindi Bollywood » Live Online Fm Radio From India Stations
Click here Download Apk
Figma: The Collaborative Interface Design Tool
Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.
WTFOS Configurator
Root and configure your DJI HD FPV goggles and air-units via web interface.
Lynx Toolbox
Lynx Toolbox is an online tool to help you manage your Lynx headset. You can use it to install apps, update your device, or perform various other actions.
Beautiful Free Images & Pictures
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
AirConsole - Multiplayer games for friends
AirConsole is an online video game console. Play over 190 multiplayer games. Your smartphones are the controllers.
Web Serial Controller
Connect to any USB or Bluetooth Serial Device from your browser using the Web Serial API Controller
Edit Photos and modify with Effects PhotoPWA.com
This online tool helps you easily cut and edit your photos. You can trim them just right, change the size, add cool filters, and make your images better with no hassle. The website as PWA is easy to use, so you can make your photos perfect and use fun filters.
docs.qq.com
Descript
There are simple podcast & video editors and there are powerful ones. Only Descript is both & it features magical AI, so you can skip the hard part of editing. Get started for free.
Globs Designer
Design with globs, a stretchy new design primitive. Tired of the pen tool? Need smarter curves? Want to design from code? Get started with globs.
Microsoft Loop - Think, plan and create together
Edit Photo
No ads, no popups, no cookies, no account. The fastest way to edit photos online
Last Finger Standing
Need to pick someone to go first? To pay the bill? To buy milk? Just have everyone put a finger on the screen and wait. Last Finger Standing will make your choice automatically! A quick and easy app to randomly select someone from a group of people.
The Session
An online community dedicated to traditional Irish music.
ESP Web Tools
Easily allow users to flash new firmware for their ESP-devices on the web.
Readonly
Readonly links, for your read only.
Graphtoy
Graphing functions easily on the web
VRoid Hub
VRoid Hubは、3Dキャラクターのための投稿・共有プラットフォームです。モデルデータをアップロードするだけでキャラクターが活き活きとアニメーションするプロフィールページを作成でき、利用条件と共にモデルデータを配布することもできます。登録した3Dモデルは、VRoid Hubと連携した各種VR/ARプラットフォームや3Dコンテンツ上で利用可能です
Blockbench
Barcode/QR code Scanner
A Progressive Web Application (PWA) that scans barcodes of various formats, using the Barcode Detection API.
Raverie Engine
GDevelop game making app
Build your own game super fast and without programming. Publish on mobile, desktop and on the web.
SpaceLancer
readyplayer.me
Scrapbook PWA
Online Virtual Piano Keyboard with MIDI Functionality
This virtual piano gives you a simple way to practice your piano/keyboard skills online. Just connect a MIDI controller and start playing right away.
GIFWorks
GIFWorks makes movies from shared screens and webcams. Once recorded, videos can be optimized and saved as GIF or downloaded as WebM.
Kiwix JS PWA
Offline Wikipedia reader
Oxygen Saturation Monitor
Monitor your oxygen saturation and heart rate with a bluetooth pulse oximeter
Ilaria Food & Home – Ricette e stile di vita sostenibile
Ricette e stile di vita sostenibile
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
Open Video
Open local video files using the browser.
Amazingly Simple Graphic Design Software – Canva
Amazingly Simple Graphic Design Software – Canva
Soundslice
Learn music better with our living sheet music.
EdgeTX Buddy
GrapheneOS web installer
Web-based installer for GrapheneOS, a security and privacy focused mobile OS with Android app compatibility.
Leonidas Esteban, Google Developer Expert en Web Technologies
Te enseño el cómo y el porqué de cada línea de código, aprendamos a programar juntos.
pixiv Sketch - お絵かきコミュニケーションアプリ
日々のお絵かきを手軽に楽しめるお絵かきコミュニケーションアプリ。落書きや描きかけの絵も気軽にシェア、いつでもどこでもお絵かきを楽しめます。
Toot Café
A Mastodon instance mostly populated by folks interested in web design and development.
Telegram
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
Trovo
Trovo is an interactive live streaming platform, you can check out the hottest games live, share your own gaming experiences, and join an amazing community created especially for gamers, creators and do-ers.
Mandadin 4
Radio Garden
Explore live radio by rotating the globe.
X. It’s what’s happening
From breaking news and entertainment to sports and politics, get the full story with all the live commentary.
Duino App
Top War
In Top War, modern tanks are merged out of basic gunman, everything can be merged here.No more upgrade waiting times, merge two together and the upgrade will finish instantly.
LittleBits Fuse
Play board games online from your browser
The world's #1 platform for playing board games online. Play hundreds of board games from your browser for free.
Expressive Canvas
Amazon Luna – Amazon Cloud Gaming
Amazon Luna is a cloud gaming platform developed and operated by Amazon. Play great games on devices you already own.
Popular MIDIs — BitMidi
Listen to free MIDI songs, download the best MIDI files, and share the best MIDIs on the web.
Element
YouTube Audio Player
An awesome audio player for YouTube videos
WebAssembly demo with File System Access
A demo showing WebAssembly + WASI apps running on the Web with access to a real filesystem.
Vectorpea
Vectorpea Online Vector Editor lets you edit vector graphics, AI, SVG and PDF files!
Web Xmodem
Flowchart Maker & Online Diagram Software
Learning Synths
Learn about synthesizers via Ableton’s interactive website. Play with a synth in your browser and learn to use the various parts of a synth to make your own sounds.
Getting Started
UsTaxes is an open source webapp for filing US federal income tax. All tax calculations are performed in the browser, so no personal information is stored on external servers!
Creating Kaleidoscopes from Photos with Online Tool
Discover the mesmerizing world of kaleidoscopes and unlock your artistic potential with our user-friendly online tool. Whether you're drawn to the symmetrical beauty of mandalas or nostalgic for the classic kaleidoscopes of your childhood, our tool offers endless possibilities
natto.dev - write JavaScript on a 2D canvas
studio.samlabs.com
codev5.vex.com
JSMusicDB
Edit • Video
No ads, no popups, no cookies, no account. The fastest way to edit video online
Vernier Graphical Analysis®
Vimeo Interactive Video Experience Platform
Roland50.studio
Emulate the sound of Roland's most famous and influential musical instruments from Yuri Suzuki and Roland.
Pokémon of the Week
A game of collecting and collaborating
Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
1tuner
Listen to radio, podcasts and create playlists.
Snapchat. Now on the web.
Try the new Snapchat for Web on your computer to chat, call friends, use Lenses, and more
VIA
Your keyboard's best friend
Markwhen
It's about time. Markwhen is a simple language for creating beautiful calendars, timelines, and more.
Free and open source 2D and 3D game engine
Use the Godot Engine editor directly in your web browser, without having to install anything.
Trimble Identity
Narrow One
Capture the flag medieval style!
LogIn
Capture QR Code
Instantly snap QR codes on mobile and desktop without installing an app.
web.autocad.com
Access AutoCAD® in the web browser on any computer. With the AutoCAD web app, you can edit, create, and view CAD drawings and DWG files anytime, anywhere.
MConverter: Easy to Use Online File Converter
Convert securely video, audio, image, e-book, office & archive files. Bulk convert large files up to 2 GB. Free and easy to use converter.
Find all Unicode characters from Hieroglyphs to Dingbats – Codepoints
Codepoints is a site dedicated to Unicode and all things related to codepoints, characters, glyphs and internationalization.
Android Flash Tool
Art Class
MOMO Pro
Impeccable timing and knowledge separate the stock trading elite. MOMO Stock Discovery App gives real-time stock market insight and alerts to time trades from desktop browser, iPhone, or Android.
Look Scanned
Look Scanned is a pure frontend site that makes your PDFs look scanned! No need for printers and scanners anymore - everything you need to do is just a few clicks.
Microsoft MakeCode Computer Science Education
MakeCode brings computer science to life for all students with fun projects, immediate results, and both block and text editors for learners at different levels.
Expressive Animator
Construct 3 r368.2 ★★★★★
Launch Construct 3 r368.2. Make games with the world's easiest browser-based game creator. Try for free now and begin your game development journey.
Adobe Photoshop
Best-in-class editing and design tools to create, modify, refine, and remix images into content you'll love. Straight from your browser.
Perfetto UI
Floor796
Make music in an online DAW
Produce music online. Make beats, record audio, and collaborate.
Learn a language for free
Learn languages by playing a game. It's 100% free, fun, and scientifically proven to work.
Remap
Remap allows you to find, build, set up and customize your keyboard quickly and easily in Web Browser.
SVGcode
SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.
Hostme
Hostme is everything you need to successfully run your restaurant business!
Runway
Everything you need to make anything you want.
velocity.radon.games
Music Instrument tuner app
Tune guiter, bass, ukulele. Also allows you to tune with chromatic tuner. This also has a useful metronome that you can use while you jam.
Free Online Games on CrazyGames
Play free online games at CrazyGames, the best place to play high-quality browser games. We add new games every day. Have fun!
Linear – A better way to build products
Linear streamlines issues, sprints, and product roadmaps. It’s the new standard for modern software development.
Notepad - Offline capable
An offline capable notepad powered by ServiceWorker. It's quick, distraction-free, dark mode enabled, mobile compatible(Android, iOS) and minimalist in nature.
Voyager for Lemmy
Voyager is a beautiful mobile web client for Lemmy. Enjoy a seamless experience browsing the fediverse.
Ace Seventh Heaven
Visual Day scheduler.
Craft — A fresh take on documents
Get started today, it's free.
IRCCloud
IRCCloud is a modern IRC client that keeps you connected, with none of the baggage. Stay synced and notified wherever you are with our web and mobile apps.
Install Tasmota
﹒ Blob City ﹒
Live Online Music Collaboration
Sessionwire Studio is a powerhouse creative communication suite for your production team featuring live video and studio quality HQ Audio.
Espruino Web IDE
Cue for Education
WebGamer 🎮 Play Free Online Games
Play free online games instantly in your browser. WebGamer is a portal of next-gen web games you can play now without installing anything!
gphoto2 on the Web
STORZ & BICKEL
STORZ & BICKEL Web App for Bluetooth Devices.
Cleanfeed
www.capcut.com
NiftyPass
Improv Wi-Fi: Open standard for setting up Wi-Fi via Bluetooth LE and Serial
Free and open standard with ready-made SDKs that offer a great user experience to configure Wi-Fi on devices.
USpeaking
Free Online AI Photo Editor, Image Generator & Design tool
Get creative with Pixlr’s online photo editing & design tools. Including AI image generator, batch editor, animation design, enhancer & more. Try now for FREE!
Wormhole - Simple, private file sharing
Wormhole lets you share files with end-to-end encryption and a link that automatically expires.
Vodon Player
Songwhip - Free music links to all platforms
In one click, Songwhip finds your music everywhere & makes a page you can share with everyone
Hoppscotch • Open source API development ecosystem
Helps you create requests faster, saving precious time on development.
Vysor
Chip Player JS
glTF Report
Viewer, analysis tool, script editor, and validator for 3D models in glTF 2.0 format.
bridge. v2
bridge. is a light-weight IDE for Minecraft Add-Ons
BandLab - Make Music Online
The cloud platform where musicians and fans create music, collaborate, and engage with each other across the globe
Error
Daily Writing Builder
LEGO Education SPIKE
Visual Studio Code for the Web
Build with Visual Studio Code, anywhere, anytime, entirely in your browser.
TgStorage
Advanced Saved Messages of the Telegram. Organize your notes, links, checklists, photos and any documents in the free unlimited Telegram Cloud.
Adobe Podcast
Next generation audio from Adobe is here. Record, transcribe, edit, share. Crisp and clear, every time.
Logbook
regex101: build, test, and debug regex
Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET, Rust.
GoldWave Infinity Audio Editor
GoldWave Infinity audio editing, recording, conversion, and visual analysis app.
daedalOS
Desktop environment in the browser
Slack is your productivity platform
Slack is a new way to communicate with your team. It’s faster, better organized, and more secure than email.
Photopea
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!
SQLite Viewer Web App
A free online SQLite Explorer, inspired by DB Browser for SQLite and Airtable. Use this web-based SQLite Tool to quickly and easily inspect sqlite files on the web.
Link Cleaner
Remove tracking code and other variables from web links with the press of a button!
github.dev
Senomix Timesheets - Sign-In
Senomix Time and Expense Tracking Software for Mac and Windows
Discover recipes, home ideas, style inspiration and other ideas to try.
Real Time Lightning Map
See lightning strikes in real time across the planet. Free access to maps of former thunderstorms. By Blitzortung.org and contributors.
WebScan
An experimental project to bring document/image scanning to the web (USB scanners).
Wootility Web
Instantly edit your Wooting keyboard profiles and colors from the browser.
Codeit
Run projects, code your ideas, and share it all on Codeit.
STEM.TECH
Hear in a new way with STEM
Speakflow — Online Teleprompter - AI Powered
Speakflow is an online teleprompter! Write and save scripts; collaborate with your team; Includes voice-activated scrolling. Works on Windows, Mac, iOS, Android, and more!
Tinder
With 55 billion matches to date, Tinder® is the world’s most popular dating app, making it the place to meet new people.
NumWorks
tldraw
A free and instant collaborative diagramming tool.
PocketLab Notebook
Create your free account or sign in here.
Build expressive charts or dashboards with code
Turn your most complex data into actionable insights faster with Observable. The future of data visualization, dashboards, and data apps starts here.
pwamp
YT Playlist Notifier
Get notified when YouTube playlists are updated.
www.contactsdirect.com
Bangle.io
HexEd.it - Browser-based Online and Offline Hex Editing
HexEd.it is a free hex editor for Windows, MacOS, Linux and all other modern operating systems, which uses HTML5 and JavaScript (JS) technology to enable hexediting online, directly in your browser.
Create an account or log in to Instagram - A simple, fun & creative way to capture, edit & share photos, videos & messages with friends & family.
Shared Game Timer
A board game timer that synchronizes across multiple devices.
Bluesky Social
See what's next.
bluetooth.rocks
CrosKeys by CrosExperts
Unlock your Chromebook's potential with a powerful keyboard launcher!
ManifoldCAD
Fast, reliable, parametric solid modeling web app. Programmatic 3D design with JavaScript, inspired by and improving upon OpenSCAD & JSCAD. Demonstrates a new GPU-parallel, open-source geometry kernel: Manifold.
Typst: Compose papers faster
Focus on your text and let Typst take care of layout and formatting. Sign up now and speed up your writing process.
SnapperGPS - Home
Home page of SnapperGPS - A small, low-cost, low-power wildlife tracking system.
mgerhardy.github.io
CityHop
Take leisurely walks and drives around the world while chilling to lofi music 🎶
BPM Techno - Free Online Real-Time BPM Counter for DJ
Produce some beats using any player, launchpad, keyboard, and mix them live with another track easily and precisely using this free online real-time BPM counter
Soundtrap - Make music online
Make music together online. Free instruments, loops, drum kits, and vocal tuner in one studio. Record, edit, mix, and master your audio, no downloads - sign up for free.
Install WLED
TopDecked Unified
The essential Magic App for brewers, collectors, traders, competitors, and fans.
Beatport DJ
Beatport DJ is the world's first web based DJ software built for music discovery and playlist management. Subscribe to Beatport Streaming and start mixing with millions of tracks.
Fotor - Free Online Photo Editing Tools
Upload image in Fotor online photo editor to crop image, add text to photo, enhance image, remove background, create graphics & more for free.
みんなのネバーランド - 約束のネバーランド公式コミュニティ -
みんネバは約束のネバーランド好きが集まる公式コミュニティです。考察やファンアート、約ネバの話題で盛り上がろう！
GoodNotes
GoodNotes app
dot big bang
dot big bang is a way to create and share games with your friends. Create on your own or with your friends, share with anyone by just sending a link!
Color Picker - ThreeJS
A ThreeJS color picker
Boxy SVG
Create and edit Scalable Vector Graphics (SVG) files online
PhotoStack
PhotoStack has moved to https://photostack.app
Journalistic
A micro journaling app with minimalistic design, pristine writing experience, and powerful insights.
What PWA Can Do Today
A showcase of what is possible with Progressive Web Apps today.
Accessible UK Train Timetables
A blazingly small and fast UK train times journey planner and live departure boards, with bookmarkable URLs as a web app, and offline saving of viewed journeys.
Hypertext
HTML Document Editor
Pixel-Art Editor & NFTs Laboratory
Make pixel art from real life images and draw on the image you can edit for free, filters, layers, library, are within the editor.
Pokedex.org
A mini-encyclopedia of Pokémon species, types, evolutions, and moves.
Create Amazing Mockups
Create Amazing Mockups
Vim Online Editor - Vim Editor In Browser
Service worker with push notification
Geolocation - popup
Shows how to get geolocation access within a popup.
Notifications API sample
Demonstrates the creation of, and interaction with, each of the notification template types.
Devtools - Chrome Query
Uses the devtools API to add a sidebar that displays the jQuery data associated with the selected DOM element.
Typed URL History
Uses the chrome.history API to display in a popup the user's most visited pages.
il8n API Example
Demonstrates the chrome.i18n API by localizing text in the extension popup.
Chromium Milestones
Shows the Chromium release milestone a given code review was merged into.
Stylizr
Demonstrates how to use the chrome.storage API.
Test Screenshot Extension
Uses the chrome.tabs API to take a screenshot of the active tab.
Bookmark Viewer
Uses the chrome.bookmarks API to search through, add, and delete bookmarks from the user's bookmark tree.
Optional Permissions New Tab
Demonstrates optional permissions in extensions
Quick API Reference
Quick API can speed up the building of Chrome extensions.
No Cookies
Uses the chrome.declarativeNetRequest API to remove the "Cookie" header from requests.
Tab Inspector
Demonstrates the chrome.tabs API and the chrome.windows API by providing a user interface to manage tabs and windows.
Keyboard Pin
Uses the chrome.tabs API to toggle the pinned state of the current tab.
BrowsingData API: Basics
Uses the chrome.browsingData API to clear the user's history without requiring the user to visit the history page.
CO2 meter extension
Demonstrates using WebHID to connect to a CO2 meter.
My Bookmarks
A browser action with a popup dump of all bookmarks, including search, add, edit and delete.
chrome.commands
Uses the chrome.commands API by creating a new keyboard macro for switching tabs in the browser window.
Font Settings API Sample
Demonstrates the chrome.fontSettings API by allowing users to modify the size of fonts on webpages.
History Override
Demonstrates how to override the default history page.
Sandboxed Frame Sample
Demonstrates creation of a tab with a sandboxed iframe to which the main page passes a counter variable.
topSites API sample
Uses the chrome.topSites API to suggest which sites a user should visit.
Catifier
Replace every image by a cat's image in a website you visit
Omnibox Simple Example
Demonstrates the "omnibox" manifest key and most members of the omnibox API.
Action API Demo
Uses the Action API to change the badge text, icon, hover text, or popup page.
Tab Capture Example
Demonstrates how to use the chrome.tabCapture API.
Hello Extensions
Base Level Extension
Web Accessible Resources Demo
Uses the web_accessible_resources key in the manifest.json file to control access to assets within an extension.
Sandboxed Content Sample
Demonstrates creating a tab for a sandboxed iframe. The sandbox calls eval() to write HTML to its own document.
Oliver Focus Mode
Example extension from DevTools Tips video.
Cookie Clearer
Uses the chrome.cookies API by letting a user delete their cookies via a popup.
Tab Capture - Recorder
Records the current tab in an offscreen document.
Google Analytics Demo
How to use Google Analytics 4 in your extension.
Print Extension
Demonstrates all four methods of the chrome.printing namespace.
no-cookies Rule Manager
Demonstrates the chrome.declarativeNetRequest API by providing a UI to manipulate declarativeNetRequest rules dynamically.
Merge Windows
Uses the chrome.windows and chrome.tabs APIs to manage tabs across different windows.
File Handling Demo
Shows how to use the file_handlers manifest key with the web platform's Launch Handler API.
Idle - Simple Example
Demonstrates the Idle API
webRequest.onAuthRequired Demo
Demonstrates the webRequest.onAuthRequired listener to detect an authentication request and log the user into the designated site.
WASM Load Example - Helloworld (no-modules)
Shows how to use WebAssembly (WASM) in Manifest V3.
Favicon API in a popup
Demonstrates the favicon manifest permission by displaying the favicon of a url in the extension popup.
Geolocation - offscreen
Shows how to get geolocation access within a service worker.
Advanced Font Settings
Demonstrates the chrome.fontSettings API by allowing users to modify the style of displayed fonts on web pages.
Alarms API Demo
Uses the chrome.alarms API to allow the user to set alarms using an extension page.
Debugger Extension
Uses the chrome.debugger API to capture network events on web pages.
Content settings
Uses chrome.contentSettings to display the settings of a given page in the extension's popup.
Open side panel
Shows how to call sidePanel.open() to open a global side panel.
Top Sites
Uses the chrome.topSites API to get the user's most visited sites.
Blank new tab page
Uses the "chrome_url_overrides" manifest key by replacing the user's default new tab page with a new html file.
Context Menus Sample
Uses the chrome.contextMenus API to customize the context menu.
Devtools - inspectedWindow API sample
Uses devtools.inspectedWindow to collect and use data on the resouces used in a web page.
Omnibox - New Tab Search
Demonstrates the "omnibox" manifest key and API by creating a keyword that opens a browser search in a new tab.
Favicon API in content scripts
Demonstrates fetching the favicon from www.google.com and inserting it at the top left of every page.
Tab Manager for Chrome Dev Docs
URL Redirect
Uses the chrome.declarativeNetRequest API to redirect requests.
Tabs zoom API Demo
Uses the tabs.zoom API to manipulate the zoom level of the current tab.
Getting Started Example
Build an Extension!
Global Google Search
Uses the context menu to search a different country's Google
WASM Load Example - Helloworld
Shows how to use WebAssembly (WASM) as a module in Manifest V3.
WebSocket Demo
How to use WebSockets in your Chrome Extension.
Drink Water Event Popup
Demonstrates usage and features of the event page by reminding user to drink water
Site-specific side panel
Shows how to display the side panel only on google.com using the Side Panel API.
Offscreen API - DOM Parsing
Shows how to use DOMParser in an extension service worker using the offscreen document.
MV3 Migration - content script example
Broken Background Color
Fix an Extension!
webNavigation API Sample
Uses the webNavigation API to send notifications.
Geolocation - content script
Shows how to get geolocation access within a content script.
Scripting API Demo
Uses the chrome.scripting API to inject JavaScript into web pages.
Offscreen API - Clipboard
Shows how to write a string to the system clipboard using the offscreen document.
URL Blocker
Uses the chrome.declarativeNetRequest API to block requests.
Page Redder
Turns the page red when you click the icon
Focus Mode
Enable focus mode on Chrome's official Extensions and Chrome Web Store documentation.
Reading time
Add the reading time to Chrome Extension documentation articles