Novità di DevTools (Chrome 119)

Sofia Emelianova
Sofia Emelianova

Sezione @property migliorata in Elementi > Stili

Regola @property modificabile

Ora puoi modificare la regola @CSS @property nella sezione corrispondente del riquadro Elementi > Stili.

Prima e dopo aver reso modificabile la regola della proprietà.

Problema di Chromium: 1471123.

Vengono segnalati problemi relativi a regole @property non valide

La scheda Problemi ora segnala i problemi relativi alle dichiarazioni non valide nelle regole @property.

Un problema relativo alla regola della proprietà segnalato nella scheda Problemi.

Problema di Chromium: 1473283.

Elenco aggiornato dei dispositivi da emulare

Le stringhe user agent in Impostazioni. Impostazioni > Dispositivi sono state aggiornate per riflettere l'utilizzo medio di browser e sistemi operativi. Ora puoi emulare più dispositivi aggiornati in modalità Dispositivo.

Prima e dopo l'aggiornamento dell'elenco dei dispositivi.

Problema di Chromium: 1479733.

Stampa in formato leggibile JSON in linea nei tag script in Sources

Il riquadro Origini ora supporta la stampa in formato Pretty Print del JSON incorporato nei tag HTML <script> per semplificare il debug.

Il JSON inline prima e dopo la stampa in formato leggibile nel tag script.

Problemi di Chromium: 406900, 1473875.

Completamento automatico dei campi privati in Console

Ora puoi completare automaticamente i campi delle classi private quando li valuti al di fuori dell'ambito della classe nella console.

Il prima e il dopo supportano il completamento automatico per il campo della classe privata al di fuori dell&#39;ambito della classe.

Problemi di Chromium: 1483848, 1381806.

Lighthouse 11.1.0

Il pannello Lighthouse ora esegue Lighthouse 11.1.0. Consulta l'elenco completo delle modifiche.

Per scoprire le nozioni di base sull'utilizzo del riquadro Lighthouse in DevTools, consulta Lighthouse: ottimizzare la velocità del sito web.

Problemi di Chromium: 772558.

Miglioramenti all'accessibilità

Gli screen reader leggeranno ora quanto segue:

  • Avvisi ed errori nella console.
  • Il testo nella finestra di dialogo Ritieni attendibile questo codice? quando incolli il codice in Console o Origini.

Inoltre, il pannello Applicazione ha risolto i problemi di contrasto con i link in modalità ad alto contrasto.

Problemi di Chromium: 1485257, 1486643, 1485263.

Deprecazione di Web SQL

La sezione Applicazione > Web SQL verrà rimossa in Chrome 123 perché l'API Web SQL Database non viene più gestita. Questa versione aggiunge un avviso alla sezione relativa alla rimozione imminente.

L&#39;avviso di ritiro di Web SQL.

Per saperne di più, consulta Ritiro e rimozione di Web SQL.

Problemi di Chromium: 1485966.

Convalida delle proporzioni dello screenshot in Applicazione > Manifest

La sezione Applicazione > Manifest ora controlla se gli screenshot della tua app web con lo stesso fattore di forma (wide o narrow) hanno le stesse proporzioni.

Un avviso sulle proporzioni errate degli screenshot con lo stesso fattore di forma.

Per ulteriori informazioni, vedi Eseguire il debug delle app web progressive e Aggiungere un manifest dell'app web.

Il team di DevTools ringrazia Alexey Rodionov per aver implementato questa modifica e altri miglioramenti degli avvisi del manifest nella versione precedente.

Problema di Chromium: 1476656.

Punti salienti vari

Di seguito sono riportate alcune correzioni e alcuni miglioramenti degni di nota in questa release:

  • Elementi:
    • I campioni della funzione di temporizzazione dell'animazione non vengono visualizzati per le proprietà CSS longhand in abbreviazione espandibile (1149182).
    • Il completamento automatico per contain-intrinsic-* ora non fornisce il valore singolo errato auto perché dovrebbe essere auto <length> (1480415).
    • È stato rimosso il supporto per le proprietà -webkit-* deprecate e non valide (1086089, 1030765).
  • Punti di interruzione: è stato corretto il bug relativo alla scomparsa della finestra di dialogo di modifica del punto di interruzione quando viene modificato il tipo di punto di interruzione (1485782).
  • Rendimento:
    • È stato corretto l'errore di analisi del colore durante la registrazione delle prestazioni (1480205).
    • È stato corretto il bug relativo alla mancata visualizzazione di LCP nella traccia Tempistiche (1487136).
  • Rete: la colonna Imposta cookie ora mostra il numero corretto di cookie impostati, esclusi quelli bloccati (1486903).
  • Le estensioni DevTools ora vengono caricate dopo la navigazione a un host non bloccato (1476264).
  • È stato corretto il bug relativo al contesto di esecuzione dello script errato per le estensioni (1275331).

Scaricare i canali in anteprima

Prendi in considerazione l'utilizzo di Chrome Canary, Dev o Beta come browser di sviluppo predefinito. Questi canali di anteprima ti consentono di accedere alle funzionalità più recenti di DevTools, testare le API della piattaforma web all'avanguardia e trovare problemi sul tuo sito prima che lo facciano i tuoi utenti.

Contatta il team di Chrome DevTools

Utilizza le seguenti opzioni per discutere delle nuove funzionalità, degli aggiornamenti o di qualsiasi altro argomento relativo a DevTools.

Novità di DevTools

Un elenco di tutti gli argomenti trattati nella serie Novità di DevTools.