Chrome 100'deki yenilikler

Pete LePage

Şunları bilmeniz gerekir:

Ben 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 ve Firefox logosu

Chrome 100 şu anda kullanımda ancak çok yakında Firefox 100 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 Kullanıcı Aracısı 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ümüne 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ı yeni User-Agent İstemci İpuçları API'si ile değiştirme stratejisinin bir 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 blogundaki][crblog] adresindeki User Agent Reduction Origin Trial and Dates (Kullanıcı Aracısı Kısaltma Kaynağı Denemesi ve Tarihleri) sayfasına göz atın.

Ç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, sunum yapmak için Slaytlar'ı kullanırken 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 izinlerini 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

Bunlar, öne çıkan özelliklerden yalnızca bazılarıdır. Chrome 100'deki diğer değişiklikler için aşağıdaki bağlantıları inceleyin.

Abone ol

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.