Chrome 114'teki yenilikler

Adriana Jara

Şunları bilmeniz gerekir:

  • CSS text-wrap: balance, metin düzenlerini iyileştirmek için kullanılabilir.
  • Üst düzey siteye (CHIPS) göre bölümlendirilen çerezler burada bulunur.
  • Popover API ile pop-up'lar her zamankinden daha kolay.
  • Daha fazlası da var.

Ben Adriana Jara. Chrome 114'ün geliştiriciler için sunduğu yenilikleri inceleyelim.

text-wrap:balance.

Metin düzenlerini iyileştirmek için text-wrap: balance kullanın. Aşağıdaki animasyon, bu tek satırla yapabileceğiniz farkı göstermektedir.

Demoyu deneyin

Bir geliştirici olarak metnin son boyutunu, yazı tipi boyutunu, hatta dilini bilmezsiniz. Metin kaydırmanın etkili bir şekilde işlenmesi için tüm değişkenler gereklidir. Tarayıcı tüm faktörleri bildiğinden text-wrap:balance ile tarayıcının en iyi dengeli satır sarmalama çözümünü bulmasını isteyebilirsiniz.

Önceki iki örnek, biri dengesiz, diğeri dengeli olarak işaretlenecek şekilde birlikte gösterilmiştir.

Dengeli metin bloğu okuyucunun gözüne daha fazla hitap eder. Dikkati daha fazla çeker ve genel olarak daha kolay okunur.

Dengeleme başlıkları, text-wrap: balance için birincil kullanım alanı olacaktır ve olmalıdır. Metnin dengelenmesi için bir performans maliyeti vardır. Böylece maliyeti azaltmak için en fazla dört satıra kadar uygulanır.

Metin düzenlerinizi iyileştirmek için örnekler ve daha fazla ayrıntı içeren bu makaleye göz atın.

ÇİPLER: Bağımsız Bölümlendirilmiş Duruma Sahip Çerezler.

ÇİP (Bağımsız Bölümlendirilmiş Duruma Sahip Çerezler), yeni çerez özelliği Partitioned kullanılarak üst düzey site tarafından bölümlendirilen üçüncü taraf çerezlerinin etkinleştirilmesini sağlar.

ÇİPS'ten önce, bir kullanıcı A sitesini ziyaret ettiğinde yerleşik C, kullanıcının makinesinde bir çerez ayarlayabilir. Kullanıcı daha sonra, C sitesini de yerleştiren B sitesini ziyaret ederse, C sitesi A sitesinde ayarlanan aynı çereze erişebilir. Bu, C sitesinin, bir kullanıcının A, B sitesi ve yerleştirildiği her site genelindeki tarama etkinliğini derlemesine olanak tanır.

Bölümlendirilmemiş çerezlere sahip siteleri ve depolama alanını gösteren şema.

Siteler arası izleme sorun olsa da, geçerli siteler arası çerez ihtiyaçları vardır. Bu ihtiyaçlar, çerez bölümlendirmesi ile gizliliği koruyan bir şekilde gerçekleştirilebilir.

Bir kullanıcı A sitesini ziyaret ettiğinde ve C sitesinden yerleştirilen içerik, Bölümlendirilmiş özelliğine sahip bir çerez ayarladığında ÇİPLER sayesinde, çerez yalnızca C sitesinin A sitesine yerleştirildiği sırada ayarladığı çerezler için bölümlendirilmiş bir kavanoza kaydedilir. Tarayıcı, bu çerezi yalnızca üst düzey site A olduğunda gönderir.

Çerezlerle siteleri ve ayrılmış depolama alanını gösteren şema.

Kullanıcı, örneğin B sitesi gibi yeni bir siteyi ziyaret ettiğinde, C sitesi, A sitesine yerleştirildiğinde ayarlanan çerezi almaz.

Üçüncü taraf çerezlerinin kullanımdan kaldırılma süreci hakkında daha fazla bilgi için bu makaleyi inceleyin.

Popover API'si.

Popover API ile, diğer tüm web uygulaması kullanıcı arayüzünün üstünde görüntülenen geçici kullanıcı arayüzü (UI) öğeleri oluşturmak daha kolaydır.

Bunlar işlem menüleri, form öğesi önerileri, içerik seçiciler ve öğretim kullanıcı arayüzü gibi kullanıcı etkileşimli öğeleri içerir.

Yeni popover özelliği, tüm öğelerin en üst katmanda otomatik olarak görüntülenmesini sağlar. Bu sayede, geliştirici için konumlandırma, yığma öğeleri, odak veya klavye etkileşimleri konusunda artık endişelenmenize gerek kalmaz.

Bu, <dialog> öğesine benzer ancak ışık kapatma davranışı, pop-over etkileşim yönetimi, etkinlik desteği ve "kalıcı" modun olmaması gibi bazı önemli farklılıklara sahiptir.

Daha fazla bilgi için bu makaleyi inceleyin.

Diğer ölçütler

Elbette dahası da var.

Daha fazla bilgi

Bu bölümde yalnızca bazı önemli noktalar ele alınmıştır. Chrome 114'teki ek değişiklikler için aşağıdaki bağlantıları kontrol edin.

Abone ol

Gelişmelerden haberdar olmak için Chrome Geliştiricileri YouTube kanalına abone olun. Yeni bir video sunduğumuzda e-posta bildirimi alırsınız.

Merhaba Adriana Jara, Chrome 115 yayınlanır yayınlanmaz size Chrome'daki yenilikleri anlatacağım!