Novità di DevTools (Chrome 119)

Sofia Emelianova
Sofia Emelianova

Sezione @property migliorata in Elementi > Stili

Modifica @property regola

Ora puoi modificare la regola at-rule di @property CSS nella sezione corrispondente in Elementi > Riquadro Stili.

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

Problema relativo a Chromium: 1471123.

Vengono segnalati problemi con regole @property non valide

La scheda Problemi ora segnala problemi con dichiarazioni non valide nelle regole @property.

Un problema con la regola per le proprietà segnalato nella scheda Problemi.

Problema relativo a Chromium: 1473283.

Elenco di dispositivi da emulare aggiornato

Le stringhe dello user agent in Impostazioni. Impostazioni > La sezione Dispositivi è stata aggiornata per riflettere l'utilizzo medio di browser e sistemi operativi. Ora puoi emulare un numero maggiore di dispositivi aggiornati in modalità dispositivo.

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

Problema relativo a Chromium: 1479733.

Stampa il codice JSON incorporato nei tag di script nelle origini

Il riquadro Origini ora supporta JSON incorporati in modo semplice nei tag HTML <script> per semplificare il debug.

Il codice JSON incorporato in linea prima e dopo la stampa nel tag dello script.

Problemi relativi a Chromium: 406900, 1473875.

Completa automaticamente i campi privati nella console

Ora puoi completare automaticamente i campi dei corsi privati quando li valuti al di fuori dell'ambito del corso nella console.

Prima e dopo il supporto del completamento automatico per il campo del corso privato al di fuori dell&#39;ambito del corso.

Problemi relativi a Chromium: 1483848, 1381806.

Lighthouse 11.1.0

Nel riquadro Lighthouse ora è in esecuzione Lighthouse 11.1.0. Consulta l'elenco completo delle modifiche.

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

Problemi relativi a Chromium: 772558.

Miglioramenti all'accessibilità

Gli screen reader ora leggono ad alta voce quanto segue:

  • Avvisi ed errori nella console.
  • Il testo nella finestra di dialogo Ti fidi di questo codice? quando incolli il codice nella console o nelle origini.

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

Problemi relativi a Chromium: 1485257, 1486643, 1485263.

Ritiro di SQL web

L'Applicazione > La sezione SQL web verrà rimossa in Chrome 123 perché l'API Web SQL Database non è più mantenuta. In questa versione viene aggiunto un avviso alla sezione relativa alla rimozione imminente.

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

Per maggiori informazioni, consulta Ritiro e rimozione di SQL web.

Problemi relativi a Chromium: 1485966.

Convalida delle proporzioni degli screenshot in Applicazione > Manifest

L'Applicazione > La sezione 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 di screenshot con lo stesso fattore di forma.

Per maggiori informazioni, vedi Debug delle app web progressive e Aggiungere il file manifest di un'app web.

Il team DevTools esprime gratitudine ad Alexey Rodionov per aver apportato questa modifica e altri miglioramenti agli avvisi manifest nella versione precedente.

Problema relativo a Chromium: 1476656.

Varie in evidenza

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

  • Elementi:
      .
    • I campioni delle funzioni di temporizzazione dell'animazione non vengono mostrati per le proprietà CSS specifiche in quelle abbreviazioni espandibili (1149182).
    • Il completamento automatico per contain-intrinsic-* ora non fornisce il singolo valore auto errato perché dovrebbe essere auto <length> (1480415).
    • Il supporto per le proprietà -webkit-* deprecate e non valide è stato rimosso (1086089, 1030765).
  • Punti di interruzione: è stato corretto il bug che causava la scomparsa della finestra di dialogo di modifica dei punti di interruzione quando viene modificato il tipo di punto di interruzione (1485782).
  • Rendimento:
      .
    • L'errore di analisi del colore durante la registrazione del rendimento è stato risolto (1480205).
    • È stato corretto il bug per cui l'icona LCP non veniva visualizzata nella traccia Tempi (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 verso un host non bloccato (1476264).
  • È stato corretto il bug con il contesto di esecuzione dello script non corretto 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 in anteprima ti consentono di accedere alle funzionalità più recenti di DevTools, testare le API delle piattaforme web all'avanguardia e individuare i problemi sul tuo sito prima che lo facciano gli utenti.

Contattare il team di Chrome DevTools

Utilizza le seguenti opzioni per discutere delle nuove funzionalità e modifiche nel post o di qualsiasi altra informazione relativa a DevTools.

  • Inviaci un suggerimento o un feedback tramite crbug.com.
  • Segnala un problema di DevTools utilizzando Altre opzioni   Altro > Guida > Segnala un problema di DevTools in DevTools.
  • Invia un tweet all'indirizzo @ChromeDevTools.
  • Lascia commenti sulle novità nei video di YouTube di DevTools o nei video di YouTube dei suggerimenti di DevTools.

Novità di DevTools

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