Chrome 118 Beta

CSS için kapsamlı stiller, ek medya özellikleri, klavyeye odaklanılabilir kaydırma kapsayıcıları ve daha fazlası.

Aksi belirtilmedikçe, açıklanan değişiklikler Android, ChromeOS, Linux, macOS ve Windows için en yeni Chrome beta kanalı sürümüne uygulanır. Sağlanan bağlantıları kullanarak veya ChromeStatus.com sayfasındaki listeden burada listelenen özellikler hakkında daha fazla bilgi edinebilirsiniz. Chrome 118, 13 Eylül 2023 itibarıyla beta sürümündedir. En son çıkan uygulamayı masaüstü için Google.com'dan veya Android'de Google Play Store'dan indirebilirsiniz.

CSS

Bu sürümde dört yeni CSS özelliği eklenmiştir.

Kapsama alınan stiller

@scope kuralı, geliştiricilerin belirli bir kapsam kökü için stil kurallarını kapsamasını ve bu kapsam kökünün yakınlığına göre stil öğelerini belirlemesini sağlar.

CSS mantıksal akışa bağlı değerleri

Mevcut CSS özelliklerine aşağıdaki yeni değerleri ekler:

  • float: inline-start
  • float: inline-end
  • clear: inline-start
  • clear: inline-end
  • resize: block
  • resize: inline

Akışa bağlı bu yönlü anahtar kelimeler, öğenin yazma moduna veya yönüne ya da kapsayıcı bloğuna bağlı olarak fiziksel bir değere dönüşür.

Medya Sorguları: tercih edilir-azaltılmış şeffaflık özelliği

prefers-reduced-transparency medya özelliğini ekler. Bu özellik, geliştiricilerin işletim sisteminde daha az şeffaflık elde etmek için web içeriğini kullanıcının seçtiği tercihe (ör. macOS'teki Saydamlığı azalt ayarı) uyarlamasına olanak tanır. Geçerli seçenekler reduce veya no-preference şeklindedir.

Dönüşüm kutusu CSS özelliğinde çizgi kutusu, içerik kutusu ve kenarlık kutusu desteği

Bu desteğin eklenmesi, transform özelliği için referans kutusunun hesaplanma şeklinin değiştirilmesini sağlar. Bu, ek dönüştürmeleri veya grafik efektlerini etkinleştirir. Örneğin, içerik kutusundaki bir nokta etrafında döndürme, bir öğenin kenarlığının genişliğinin sonucu etkilemediği durumlar. Alternatif olarak, bir (SVG) öğesi fırçasının sonucu etkilemesi gerektiğinde (ör. fırça dahil) merkezin çevresinde çizgili bir şeklin döndürülmesi durumunda da sonuç alabilirsiniz.

HTML

Klavyeye odaklanılabilir kaydırma kapsayıcıları

Sıralı odaklamalı gezinme ile kaydırma kapsayıcılarını odaklanılabilir hale getirerek erişilebilirliği iyileştirir. Bu değişiklikten önce, tabIndex açıkça 0 veya daha yüksek bir değere ayarlanmadıkça sekme tuşu kaydırma çubuğuna odaklanmaz. Kaydırıcıları varsayılan olarak odaklanılabilir hale getirerek, fare kullanamayan (veya kullanmak istemeyen) kullanıcılar klavyenin sekmesini ve ok tuşlarını kullanarak kırpılmış içeriğe erişebilecekler. Bu davranış, klavyeyle odaklanılabilir öğeler içeren kaydırıcılara zaten klavyeden erişilebileceği için bu öğeler için geçerli değildir.

Seçenek etiketi özelliği için Quirks modu davranışını kaldırma

Seçenek öğeleri bir label özelliğini destekler. Bu özellik, seçeneğin, seçenek öğesinin alt metni yerine özelliğin içindeki metinle oluşturulmasına neden olur. Bu işlev, etiket özelliğinin yoksayıldığı ve alt metnin her zaman oluşturulduğu Quirks modunda devre dışı bırakılır. Bu değişiklik, hem standartlar modunda hem de Quirks modunda her zaman etiket özelliğini kullanır.

Web API'leri

Özel Korumalı Alan'a (PSB) kaydolma

Özel Korumalı Alan alaka düzeyi ve ölçüm API'leri genel kullanıma sunulmak üzere geliştirilmeye başlarken bu teknolojilerin amaçlandığı şekilde ve şeffaf bir şekilde kullanıldığından emin olmak istiyoruz. API'ler arasında Attribution Reporting, Protected Audience API, Topics API, Private Aggregation API ve Shared Storage API yer alır. PSB, Özel Korumalı Alan alaka düzeyi ve ölçüm API'leri için yeni bir Geliştirici Kayıt işlemini kullanıma sunuyor. Chrome, kayıtlı siteler listesini kayıt sunucusundan (bileşen güncelleyici aracılığıyla) getirir ve Özel Korumalı Alan API'lerine erişimi kontrol etmek için kullanır.

JavaScript aracılığıyla ayarlanmış ve kontrol karakterlerini içeren tüm çerezleri engelle

JavaScript aracılığıyla ayarlanan çerezlerdeki kontrol karakterlerinin işlenme şeklini günceller. Özellikle, tüm kontrol karakterleri, çerezin tamamının reddedilmesine neden olur. Önceden, çerez satırındaki bir NULL karakteri, bir satır başı karakteri veya bir satır feed'i karakteri, tamamen reddedilmek yerine kısaltılmasına neden oluyordu. Bu da belirli durumlarda kötü amaçlı davranışlara yol açmış olabilirdi. Bu davranış, Chrome'u RFC6265bis'in en son taslaklarının belirttiği davranışla uyumlu hale getirir. Bu değişiklik, --disable-features=BlockTruncatedCookies veya BlockTruncatedCookies kurumsal politikası kullanılarak devre dışı bırakılabilir. Bu politika, değişikliğin herhangi bir kesintiye neden olması ihtimaline karşı çeşitli aşamalar için geçerlidir.

Tüm dillerde tutarlı minimum yazı tipi boyutu

Birlikte çalışabilirliği ve erişilebilirliği iyileştirmek amacıyla, yedi dilde (Arapça, Farsça, Japonca, Korece, Tayca, Basitleştirilmiş ve Geleneksel Çince) varsayılan olarak Minimum yazı tipi boyutu ayarını değiştirir. Bu değişiklikten önce bu ayar, listelenen yedi dil dışındaki tüm diller için varsayılan olarak kapalıydı. Bu değişiklik, söz konusu dilleri diğer dillerle tutarlı hale getirir. Bunun, minimum yazı tipi boyutu özelliğinin kendisini değiştirmeyle ilgili olmadığını unutmayın. Erişilebilirlik ve okunabilirlik açısından herhangi bir değişiklik yapılmadan kullanılabilecektir.

Aynı doküman gezinmelerinde UA geçişlerini algılama

Web'de gezinen yumuşak görsel geçişler, kullanıcıların bağlam içinde kalmasına yardımcı olarak bilişsel yükünü azaltabilir. Ancak bu geçişleri hem sitenin yazarı hem de UA'sı eklerse kullanıcı deneyimi olumsuz olur: Geçişler çakışabilir ve kullanıcı için kafa karışıklığına neden olabilir. Bu API, aynı anda yalnızca bir görsel geçişin yürütülmesini sağlamak için bu tür durumlardan kaçınır. API, UA'nın bu gezinme için görsel bir geçiş yürütüp yürütmediğini belirtmek amacıyla PopStateEvent ve NavigateEvent bölümlerine bir boole ekler. Geliştiriciler, özel geçişlerini atlamak için bunu kullanabilirler.

URL ayrıştırıcı, URL'nin yolundaki yüzde kodlu ASCII karakterlerin kodunu çözmez

Bu değişiklikler, URL ayrıştırıcının, URL yolunda "%41" gibi yüzde kodlu ASCII karakterlerin kodunu çözmemesini sağlar ('A'). Bu değişiklikten önce: 

const url = new URL("http://example.com/%41");
url.href "http://example.com/A"

Bu değişiklikten sonra: 

const url = new URL("http://example.com/%41"); 
url.href "http://example.com/%41"

Korunan Kitleler negatif hedefleme

Reklam alanı için online reklam açık artırmalarında, bazen bir reklamın belirli kitlelere gösterilmesini engellemek yararlı olabilir. Bu kavram, negatif hedefleme olarak bilinir. Örneğin, mevcut müşterilere yeni müşteri reklamı göstermek istemeyebilirsiniz. Yeni müşteri edinme kampanyalarında çoğu zaman bu çok önemli bir koşuldur. Protected Audience şu anda reklamların, web'deki bazı geçmiş etkinlikler aracılığıyla belirli bir ilgi alanı grubuna katılmış kullanıcıları hedeflemesine olanak tanıyor. Bu özellik, yeni reklamların yalnızca belirli bir ilgi alanı grubuna katılmamış kullanıcıları hedeflemesine izin vererek Protected Audience'ın kapsamını negatif hedeflemeyi etkinleştirecek şekilde genişletir. Bu sayede reklamverenlerin, gizliliği korumaya yönelik mevcut Protected Audience API kavramlarını kullanarak yeni kullanıcı gruplarını hedeflemesine olanak tanıyoruz.

Ödeme profili kullanıcısı etkinleştirme koşulunu kaldırın

Geliştiricilerin Ödeme İsteği akışlarındaki sorunları azaltmalarına yardımcı olmak için Ödeme İsteği ve Güvenli Ödeme Onayı'ndaki kullanıcı etkinleştirme şartını kaldırıyoruz. Bu değişiklikle birlikte, güvenlik ve gizlilik risklerini azaltmak için spam ve tıklama korsanlığı çözümleri uygulanmaktadır.

Uzantı Hizmeti Çalışanlarında WebUSB

WebUSB API'yi tarayıcı uzantıları tarafından kaydedilen Hizmet Çalışanlarına göstererek web geliştiricilerinin uzantı etkinliklerine yanıt verirken WebUSB API'sini kullanmalarına olanak tanır. Bu API şu anda siteler tarafından kaydedilen Hizmet Çalışanlarına açık değildir.

XML dokümanları art arda CDATA bölümlerini tek düğümde birleştirir

libxml'deki bir hata nedeniyle, bir XHTML belgesindeki CDATA bölümleri, belgenin boyutuna ve belgedeki CDATA bölümünün konumuna bağlı olarak bazen hatalı bir şekilde birden fazla düğüm üretebilir. Tek bir CDATA bölümü birden fazla giriş ayrıştırıcı parçasını kapsıyorsa libxml arabelleğe alır ve CDATA girişini 300 baytlık çalıştırmaya gönderir. Bu işlem beklenmedik bir şekilde tek bir CDATA bölümünü birden çok düğüme dönüştürür (giriş parçasının uzunluğu 300 bayttan fazlaysa). Bu değişiklik, ayrıştırma sırasında eşdüzey CDATA bölümü düğümlerinin tek bir CDATA bölümünde birleştirilmesine neden olur. Bu işlem, ayrıştırma sırasında libxml hatasını düzeltir ancak yazılan ayrı düğümleri de birleştirir. Örneğin: <![CDATA[foo]]><!CDATA[bar]]> "foobar": CDATA "foobar" içeriğine sahip tek bir CDATA DOM düğümü oluşturur.

beforeunload işleyici iletişim kutusu koşulunu değiştir

beforeunload etkinliği için iptal iletişim kutusunun istenme biçiminde iki yeni değişiklik yapıldı.

event.preventDefault() çağrılırsa iptal iletişim kutusunu iste. event.returnValue boş dizeyse iptal iletişim kutusunu istemeyin.

Kaynak denemeleri devam ediyor

Chrome 118'de aşağıdaki yeni kaynak denemesini etkinleştirebilirsiniz.

WebRTC kodlamalı dönüşüm: meta veri işlevlerini değiştirme

WebRTC Encoded Transform API'ye, ses ve video karesi meta verilerini değiştirmeye olanak tanıyan özellikler ekler. WebRTC kodlamalı medyanın, önce kodu çözmeden işlenmesini gerektiren çeşitli kullanım alanları tanımlanmıştır. Bunlardan bazıları:

  • Daha önce kodlanmış verilerin gönderilmesi.
  • Kodlanmış biçimde alınan verileri gönderme.
  • Verileri kodlanmış biçimde alma ve yönlendirme.

Özellikle, aynı medya yüklerini sağlayan ancak farklı meta verilere sahip birden fazla yedek eş bağlantısından gelen medyaların sorunsuz bir şekilde iletilmesini desteklemek istiyoruz.

RTCEncodedFrameSetMetadata kaynak denemesine kaydolun.

Kullanımdan kaldırma ve kaldırma işlemleri

Chrome'un bu sürümü, aşağıda listelenen desteği sonlandırma ve kaldırma işlemlerini sunar. Planlanan desteği sonlandırma, mevcut desteği sonlandırma ve önceki kaldırma işlemlerinin listesi için ChromeStatus.com adresini ziyaret edin.

Chrome'un bu sürümü aşağıdaki özelliği kaldırır.

Görünümü standart olmayan bazı anahtar kelimelerin kaldırılması

Chrome 118'de, en düşük kullanıma sahip standart olmayan appearance anahtar kelimeleri devre dışı bırakılacak. Özellik devre dışı bırakıldıktan sonra, değer olarak o anahtar kelimeyi kullanırsa görünüm özelliği yoksayılır. Chrome 118'de devre dışı bırakılan anahtar kelimeler, kullanımı% 0,001'den az olan anahtar kelimelerdir:

  • media-slider
  • media-sliderthumb
  • media-volume-slider
  • media-volume-sliderthumb
  • sliderthumb-horizontal
  • sliderthumb-vertical

Arka plan

Yalnızca standart appearance anahtar kelimelerinin desteklenmesi gerektiğinden, standart olmayan appearance (ve -webkit-appearance) anahtar kelimelerini kaldırıyoruz. Tam liste aşağıdaki gibidir:

  • inner-spin-button
  • media-slider
  • media-sliderthumb
  • media-volume-slider
  • media-volume-sliderthumb
  • push-button
  • searchfield-cancel-button
  • slider-horizontal
  • sliderthumb-horizontal
  • sliderthumb-vertical
  • square-button

Bu işlem kapsamında slider-vertical değerinin kaldırılmayacağını unutmayın. <input type=range> sektörüne izin vermek için kullanıldığı yama. Bu form kontrolleri dikey yazma modu tamamen kabul edildikten sonra kaldırılır.

Yukarıdaki anahtar kelimelerden herhangi biri kullanılıyorsa, devre dışı bırakılmadan önce bir konsol uyarısı gösterilir, ancak anahtar kelime geçerli bir değer olarak kabul edilir.