Novità di DevTools (Chrome 108)

Jecelyn Yeen

Suggerimenti per le proprietà CSS non attive

DevTools ora identifica gli stili CSS validi, ma che non hanno alcun effetto visibile. Nel riquadro Stili, DevTools nasconde in dissolvenza le proprietà non attive. Passa il mouse sopra l'icona accanto alla regola per capire perché la regola non ha alcun effetto visibile.

Suggerimenti per le proprietà CSS non attive.

Problema relativo a Chromium: 1178508

Rileva automaticamente XPath e selettori di testo nel riquadro Registratore

Il riquadro Registratore ora supporta i selettori XPath e di testo. Avvia la registrazione di un flusso utente e il registratore sceglie automaticamente l'XPath e il testo univoco più breve di un elemento come selettore, se disponibile.

Selettori XPath e testo nel riquadro Registratore.

Problemi relativi a Chromium: 1327206,1327209

Visualizzazione delle espressioni separate da virgole

Ora puoi eseguire la procedura passo passo delle espressioni separate da virgole durante il debug. Ciò migliora la possibilità di debug del codice minimizzato.

Esplora le espressioni separate da virgole.

In precedenza, DevTools supportava solo i passaggi per le espressioni separate da punto e virgola.

Dato il codice seguente,

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

I transpiler e i minificatori possono trasformarli in espressioni separate da virgole.

function bar(){return foo(),foo(),42}

Ciò crea confusione durante il debug perché il comportamento dei passaggi è diverso tra il codice compresso e quello scritto. La situazione è ancora più confusa quando si utilizzano le mappe sorgente per eseguire il debug del codice compresso in termini di codice originale, in quanto lo sviluppatore esamina i punti e virgola (che sotto il cofano sono stati trasformati in virgole dalla toolchain), ma il debugger non si ferma su di essi.

Problema di Chromium: 1370200

Miglioramento dell'impostazione Elenco di elementi da ignorare

Vai a Impostazioni > Elenco di persone da ignorare. DevTools migliora il design per aiutarti a configurare le regole in modo da ignorare un singolo script o un pattern di script.

La scheda Ignora elenco.

Problema di Chromium: 1356517

Varie in evidenza

Di seguito sono riportate alcune correzioni importanti di questa release:

  • Nome della proprietà CSS di completamento automatico nel riquadro Stili quando premi la barra spaziatrice. (1343316)
  • Rimuovi lo scorrimento automatico nel breadcrumb del riquadro Elemento. (1369734)

Scaricare i canali di 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 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.

Novità di DevTools

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