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 attenua le proprietà non attive. Passa il mouse sopra l'icona accanto per capire perché la regola non ha alcun effetto visibile.

Suggerimenti per le proprietà CSS non attive.

Problema di Chromium: 1178508

Rileva automaticamente i selettori XPath e 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 di testo nel riquadro Registratore.

Problemi di Chromium: 1327206,1327209

Esplorare le espressioni separate da virgole

Ora puoi eseguire la procedura passo passo delle espressioni separate da virgole durante il debug. In questo modo, il codice minificato è più facile da eseguire il debug.

Esplora le espressioni separate da virgole.

In precedenza, DevTools supportava solo l'esecuzione di espressioni separate da punto e virgola.

Dato il codice riportato di seguito,

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 ignorati. DevTools migliora il design per aiutarti a configurare le regole in modo da ignorare un singolo script o un pattern di script.

La scheda Elenco di elementi da ignorare.

Problema di Chromium: 1356517

Altri punti salienti

Di seguito sono riportate alcune correzioni importanti di questa release:

  • Completa automaticamente il nome della proprietà CSS nel riquadro Stili premendo Spazio. (1343316)
  • Rimuovi lo scorrimento automatico nel breadcrumb del riquadro Elemento. (1369734)

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.