Bu sayfa, Cloud Translation API ile çevrilmiştir.

Chrome 100'deki yenilikler

Pete LePage

Şunları bilmeniz gerekir:

Chrome 100'ün üç haneli bir sürüm numarası vardır.
Chrome'un ilk sürümünden bu yana #100CoolWebMoments'ı kutlamak için geçmişe bir yolculuk yapın.
Kullanıcı aracısı dizesinde bazı önemli değişiklikler yapıldı.
Çok Ekranlı Pencere Yerleşim API'si, kullanıcının makinesine bağlı ekranları saymayı ve pencereleri belirli ekranlara yerleştirmeyi mümkün kılar.
Bunun gibi çok daha fazla özellik var.

Adım Pete LePage. Chrome 100'deki geliştiricilere yönelik yenilikleri inceleyelim.

Chrome 100

Tarayıcılar ilk kez 10. sürüme ulaştığında, ana sürüm numarası bir basamaktan iki basamağa çıktığı için birkaç sorun yaşandı. İki basamaktan üç basamağa geçişi kolaylaştıracak birkaç şey öğrendiğimizi umuyoruz.

Chrome 100 şu anda kullanıma sunuldu. Firefox 100 ise çok yakında kullanıma sunulacak. Bu üç haneli sürüm numaraları, tarayıcı sürümünü bir şekilde tanımlamaya dayanan sitelerde soruna neden olabilir. Son birkaç aydır Firefox ve Chrome ekipleri, tarayıcının 100 numaralı sürümü bildirdiği deneme çalışmaları yürütüyordu.

Bu durum, bildirilen birkaç soruna yol açtı. Bu sorunların çoğu zaten düzeltildi. Ancak yine de yardımınıza ihtiyacımız var.

Web sitesi yöneticisiyseniz web sitenizi Chrome ve Firefox 100 ile test edin.
Bir User-Agent ayrıştırma kitaplığı geliştirirseniz 100'den büyük ve 100'e eşit sürümleri ayrıştırmak için testler ekleyin.

Daha fazla bilgi için web.dev adresindeki Chrome ve Firefox yakında 100 ana sürüme ulaşacak başlıklı makaleyi inceleyin.

100 Cool Web Moments

100 Cool Web Moments promo image

Web'in büyümesini ve son 100 Chrome sürümünde geliştirdiğiniz tüm harika şeyleri görmek heyecan vericiydi. Geçmişe bir yolculuk yapıp son 14 yılda gerçekleşen #100CoolWebMoments'i kutlamanın eğlenceli olacağını düşündük.

En sevdiğiniz anları bizimle paylaşın. Atladığımız bir şey varsa (ki atladığımızdan eminiz) @Chromiumdev hesabından bize #100CoolWebMoments hashtag'iyle tweet gönderin. Keyfini çıkarın!

Kısaltılmış User-Agent dizesi

Kullanıcı aracısından bahsetmişken, Chrome 100, varsayılan olarak azaltılmamış User-Agent dizesini destekleyen son sürüm olacak. Bu, Kullanıcı Aracısı dizesi kullanımının yeni Kullanıcı Aracısı İstemci İpuçları API'siyle değiştirilmesine yönelik bir stratejinin parçasıdır.

Chrome 101'den itibaren kullanıcı aracısı kademeli olarak azaltılacak.

Nelerin ne zaman kaldırılacağı hakkında daha fazla bilgi edinmek için [Chromium blog'undaki][crblog] Kullanıcı Aracısı Kısaltma Kaynak Deneme ve Tarihleri başlıklı makaleyi inceleyin.

Çok ekranlı pencere yerleşimi API'si

Bazı uygulamalar için yeni pencereler açmak ve bunları belirli yerlere veya belirli ekranlara yerleştirmek önemli bir özelliktir. Örneğin, Slaytlar'ı kullanarak sunum yaparken slaytların birincil ekranda tam ekran görünmesini, konuşmacı notlarımın ise diğer ekranda görünmesini istiyorum.

Çok Ekranlı Pencere Yerleşim API'si, kullanıcının makinesine bağlı ekranları saymayı ve pencereleri belirli ekranlara yerleştirmeyi mümkün kılar.

window.screen.isExtended ile cihaza birden fazla ekranın bağlı olup olmadığını hızlıca kontrol edebilirsiniz.

const isExtended = window.screen.isExtended;
// returns true/false

Ancak temel işlev, bağlı ekranlarla ilgili ayrıntılar sağlayan window.getScreenDetails()'tedir.

const x = await window.getScreenDetails();
// returns
// {
//    currentScreen: {...}
//    oncurrentscreenchange: null
//    onscreenschange: null
//    screens: [{...}, {...}]
// }

Örneğin, birincil ekranı belirleyebilir ve ardından bir öğeyi bu ekranda tam ekran yapmak için requestFullscreen() simgesini kullanabilirsiniz.

try {
  const screens = await window.getScreenDetails();
  const primary = screens
         .filter((screen) => screen.primary)[0]
  await elem.requestFullscreen({ screen: primary });
} catch (err) {
  console.error(err);
}

Ayrıca, yeni bir ekranın takılması veya çıkarılması, çözünürlüğün değişmesi gibi değişiklikleri dinlemenize olanak tanır.

const screens = await window.getScreenDetails();
let numScreens = screens.screens.length;
screens.addEventListener('screenschange', (event) => {
  if (screens.screens.length !== numScreens) {
    console.log('Screen count changed');
    numScreens = screens.screens.length;
  }
});

Daha ayrıntılı bilgi için Tom'un web.dev sitesindeki güncellenmiş Çok Ekranlı Pencere Yerleşim API'si ile birden fazla ekranı yönetme makalesine göz atın.

Diğer özellikler

Elbette daha birçok özellik var.

HID cihazlar için kullanıcı tarafından verilen HID cihaz iznini iptal etmenize olanak tanıyan yeni bir forget() yöntemi vardır.

// Request an HID device.
const [device] = await navigator.hid.requestDevice(opts);


// Then later, revoke permission to the device.
await device.forget();

WebNFC için makeReadOnly() yöntemi, NFC etiketlerini kalıcı olarak salt okunur hale getirmenize olanak tanır.

const ndef = new NDEFReader();
await ndef.makeReadOnly();

Daha fazla bilgi

Bu, önemli noktalardan yalnızca bazılarını kapsar. Chrome 100'deki diğer değişiklikler için aşağıdaki bağlantılara göz atın.

Gelişmelerden haberdar olmak için Chrome Developers YouTube kanalına abone olun. Yeni bir video yayınladığımızda e-posta bildirimi alırsınız.

Adım Pete LePage. Chrome 101 yayınlanır yayınlanmaz Chrome'daki yenilikleri size buradan bildireceğim.