Novità di DevTools (Chrome 119)

Sofia Emelianova
Sofia Emelianova
GitHub

Sezione @property migliorata in Elementi > Stili

Regola @property modificabile

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

Le immagini prima e dopo aver reso modificabile la regola della proprietà.

Problema di Chromium: 1471123.

Vengono segnalati problemi con regole @property non valide

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

Problemi con la regola della proprietà segnalati nella scheda Problemi.

Problema di Chromium: 1473283.

Elenco aggiornato dei dispositivi da emulare

Le stringhe dell'agente utente 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 bello del JSON in linea nei tag script nelle origini

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

Il JSON in linea prima e dopo la formattazione condizionale nel tag script.

Problemi di Chromium: 406900, 1473875.

Compilare automaticamente i campi privati nella console

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

Il prima e il dopo che 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 conoscere 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à

Ora gli screen reader leggeranno 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, nel riquadro Applicazione sono stati risolti i problemi di contrasto con i link in modalità ad alto contrasto.

Problemi di Chromium: 1485257, 1486643, 1485263.

Ritiro di SQL web

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

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

Per ulteriori informazioni, consulta la sezione Ritiro e rimozione di Web SQL.

Problemi di Chromium: 1485966.

Convalida delle proporzioni degli screenshot in Applicazione > Manifest

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

Un avviso relativo alle 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 esprime la propria gratitudine ad Alexey Rodionov per aver implementato questa modifica e altri miglioramenti agli avvisi manifest nella versione precedente.

Problema di Chromium: 1476656.

Altri punti salienti

Di seguito sono riportate alcune correzioni e miglioramenti significativi di questa release:

  • Elementi:
    • Gli esempi di funzioni di temporizzazione delle animazioni non vengono mostrati per le proprietà CSS lunghe sotto quelle abbreviate espandibili (1149182).
    • Il completamento automatico per contain-intrinsic-* ora non fornisce il valore singolo auto errato perché dovrebbe essere auto <length> (1480415).
    • Il supporto delle proprietà -webkit-* non valide e ritirate è stato rimosso (1086089, 1030765).
  • Punti di interruzione: è stato corretto il bug relativo alla scomparsa della finestra di dialogo di modifica del punto di interruzione quando il tipo di punto di interruzione viene modificato (1485782).
  • Rendimento:
    • L'errore di analisi del colore durante la registrazione del rendimento è stato corretto (1480205).
    • È stato corretto il bug relativo alla mancata visualizzazione del LCP nel canale Tempi (1487136).
  • Rete: la colonna Cookie impostati ora mostra il numero corretto di cookie impostati, esclusi quelli bloccati (1486903).
  • Le estensioni di 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 di anteprima

Valuta la possibilità di utilizzare Chrome Canary, Dev o Beta come browser di sviluppo predefinito. Questi canali di anteprima ti consentono di accedere alle funzionalità più recenti di DevTools, di testare API di piattaforme web all'avanguardia e di trovare i problemi sul tuo sito prima che lo facciano i tuoi utenti.

Contatta il team di Chrome DevTools

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

Novità di DevTools

Un elenco di tutto ciò che è stato trattato nella serie Novità di DevTools.