Novità di DevTools (Chrome 108)

Jecelyn Yeen

Suggerimenti per le proprietà CSS inattive

DevTools ora identifica gli stili CSS validi, ma senza effetti visibili. Nel riquadro Stili, DevTools attenua le proprietà non attive. Passa il mouse sopra l'icona accanto per capire perché la regola non ha un effetto visibile.

Suggerimenti per le proprietà CSS inattive.

Problema di Chromium: 1178508

Rilevare 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 seleziona 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

Scorrere le espressioni separate da virgole

Ora puoi scorrere le espressioni separate da virgole durante il debug. Ciò migliora la possibilità di eseguire il debug del codice compresso.

Scorrere le espressioni separate da virgole.

In precedenza, DevTools supportava solo l'esecuzione passo passo 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 minifier potrebbero trasformarli in espressioni separate da virgole.

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

Ciò crea confusione durante il debug perché il comportamento di esecuzione passo passo è diverso tra il codice minimizzato e quello creato. La situazione è ancora più confusa quando si utilizzano le mappe di origine per eseguire il debug del codice compresso in termini di codice originale, in quanto lo sviluppatore visualizza i punti e virgola (che sono stati trasformati in virgole dalla toolchain), ma il debugger non si arresta.

Problema di Chromium: 1370200

Miglioramento dell'impostazione dell'elenco di elementi da ignorare

Vai a Impostazioni > Elenco ignorati. DevTools migliora la progettazione 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

Punti salienti vari

Di seguito sono riportate alcune correzioni degne di nota in questa release:

  • Completa automaticamente il nome della proprietà CSS nel riquadro Stili quando premi la barra spaziatrice. (1343316)
  • Rimuovi lo scorrimento automatico nel breadcrumb del riquadro Elemento. (1369734)

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.