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 göre bölümlendirilmiş çerezler (CHIPS) buradadır.
  • Popover API ile pop-up'ları kullanmak her zamankinden daha kolay.
  • Bunun gibi çok daha fazla özellik var.

Adım Adriana Jara. Chrome 114'te geliştiriciler için neler yeni olduğuna göz atalım.

text-wrap:balance.

Metin düzenlerini iyileştirmek için text-wrap: balance simgesini kullanın. Aşağıdaki animasyonda, bu tek satırla ne kadar fark yaratabileceğiniz gösterilmektedir.

Demoyu deneyin

Geliştirici olarak metnin nihai boyutunu, yazı tipi boyutunu ve hatta dilini bilmiyorsunuzdur. Metin sarmalama işleminin etkili bir şekilde yapılması için tüm değişkenlere ihtiyaç vardır. Tarayıcı tüm faktörleri bildiğinden, text-wrap:balance ile tarayıcıdan en dengeli satır sarma çözümünü bulmasını isteyebilirsiniz.

Önceki iki örnek birlikte gösterilmektedir. Bunlardan biri dengesiz, diğeri dengeli olarak işaretlenmiştir.

Dengeli metin blokları, okuyucunun gözüne daha hoş gelir. Dikkatleri daha iyi çeker ve genel olarak daha kolay okunur.

Başlıkları dengelemek, text-wrap: balance için birincil kullanım alanı olacak ve olmalıdır. Metni dengelemek için performans maliyeti vardır. Bu nedenle, maliyeti azaltmak için yalnızca dört satıra kadar çalışır.

Metin düzenlerinizi iyileştirmek için örnekler ve daha fazla ayrıntı içeren bu makaleyi inceleyin.

CHIPS: Bağımsız Bölümlendirme Durumuna Sahip Çerezler.

CHIPS (Bağımsız Bölümlendirme Durumuna Sahip Çerezler), yeni çerez özelliği Partitioned kullanılarak üst düzey siteye göre bölümlendirilen üçüncü taraf çerezlerini etkinleştirmeyi sağlar.

CHIPS'den önce, bir kullanıcı A sitesini ziyaret ettiğinde yerleştirilmiş C sitesi kullanıcının makinesinde bir çerez ayarlayabiliyordu. Daha sonra kullanıcı, C sitesini de barındıran B sitesini ziyaret ederse C sitesi, A sitesinde ayarlanan aynı çereze erişebilir. Bu sayede C sitesi, kullanıcının A, B ve yerleştirildiği her sitedeki tarama etkinliğini derleyebilir.

Bölmesiz çerezleri olan siteleri ve depolama alanını gösteren şema.

Siteler arası izleme bir sorun olsa da çerez bölümlendirmesi ile gizliliği korumaya yönelik bir şekilde sağlanabilecek geçerli siteler arası çerez ihtiyaçları vardır.

CHIPS ile, kullanıcı A sitesini ziyaret ettiğinde ve C sitesindeki yerleştirilmiş içerik, Bölünmüş özelliğine sahip bir çerez ayarlarsa çerez, yalnızca C sitesinin A sitesine yerleştirildiğinde ayırdığı çerezler için ayrılmış bir kavanoza kaydedilir. Tarayıcı bu çerezi yalnızca üst düzey site A olduğunda gönderir.

Çerezlerle siteleri ve bölümlenmiş depolama alanını gösteren şema.

Kullanıcı yeni bir siteyi (ör. B sitesi) ziyaret ettiğinde C sitesi, C sitesinin A sitesine yerleştirildiği sırada ayarlanan çerezi almaz.

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

Popover API.

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

İşlem menüleri, form öğesi önerileri, içerik seçicileri ve eğitim amaçlı kullanıcı arayüzü gibi kullanıcı etkileşimli öğeler buna dahildir.

Yeni pop-up özelliği, herhangi bir öğenin otomatik olarak üst katmanda gösterilmesini sağlar. Bu sayede geliştiriciler artık konumlandırma, öğeleri yığma, odak veya klavye etkileşimleri hakkında endişelenmeyecektir.

Bu öğe, <dialog> öğesine benzer ancak hafif kapatma davranışı, pop-up etkileşim yönetimi, etkinlik desteği ve "modal" modunun olmaması gibi birkaç önemli farkı vardır.

Daha fazla bilgi için bu makaleyi inceleyin.

Diğer özellikler

Elbette daha birçok seçenek var.

Daha fazla bilgi

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

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 Adriana Jara. Chrome 115 yayınlanır yayınlanmaz Chrome'daki yenilikleri size buradan bildireceğim.