Novità di Chrome 101

Tieni presente quanto segue:

Vediamo cosa è disponibile in Chrome 101.

Notazione a colori hwb()

Descritto in un articolo di Stefan Judis come "notazione dei colori per gli esseri umani", hwb() specifica il colore in base alla tonalità, al bianco e al nero. Come per altre notazioni di colore, un componente alfa facoltativo specifica l'opacità.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

Questo metodo di specifica del colore è ora ben supportato, con Firefox che lo supporta dalla versione 96 e Safari dalla versione 15.

Priorità recupero

La priorità di recupero ti consente di suggerire al browser l'ordine in cui devono essere scaricate le risorse utilizzando l'attributo fetchpriority. Accetta i valori "high", "low" e "auto".

  • "high": ritieni che la risorsa abbia una priorità elevata e vuoi che il browser la dia la priorità, a condizione che le sue regole di euristica non lo impediscano.
  • "low": ritieni che la risorsa abbia una priorità bassa e vuoi che il browser la dia una priorità inferiore, se le sue regole di euristica lo consentono.
  • "auto": questo è il valore predefinito che consente al browser di decidere la priorità appropriata.

Nell'esempio seguente, un'immagine con priorità bassa è indicata con fetchpriority="low".

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

Scopri di più sui vari casi d'uso in Ottimizzare il caricamento delle risorse con l'API Fetch Priority.

Altre novità di questa release

È disponibile un nuovo metodo di forget() per gli oggetti USBDevice. In questo modo, puoi dimenticare un dispositivo a cui era stata concessa l'autorizzazione in precedenza. Ad esempio, se si tratta di un'applicazione utilizzata su un computer condiviso con molti dispositivi.

Anche per Web USB, una correzione per supportare [SameObject] per gli attributi correlati all'interno di USBDevice. La modifica delle specifiche è disponibile in una PR alla bozza delle specifiche.

I worker dedicati caricati da un'origine sicura (HTTPS), ma istantaneamente da contesti non sicuri (non HTTPS), non sono più considerati sicuri. Ciò significa che all'interno di questi contesti di worker: - self.isSecureContext ora è false. - self.caches e self.storageFoundation non sono più disponibili.

L'argomento popup per window.open() ora restituisce true, a seguito di una recente modifica alle specifiche per l'analisi di questo argomento. In precedenza, quando popup era impostato su true, window.open() era interpretato come false. Questa modifica semplifica l'utilizzo e la comprensione delle funzionalità booleane.

Per approfondire

Sono riportati solo alcuni punti salienti. Controlla i link riportati di seguito per ulteriori modifiche a Chrome 101.