Questa pagina è stata tradotta dall'API Cloud Translation.

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 effetti visibili. Nel riquadro Stili, DevTools sbiadisce 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 di Chromium: 1178508

Rileva automaticamente XPath e selettori di testo nel riquadro Registratore

Il riquadro Registratore ora supporta XPath e selettori 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 di XPath e testo nel riquadro Registratore.

Problemi di Chromium: 1327206,1327209

Spostati tra le espressioni separate da virgole

Ora puoi eseguire i passaggi delle espressioni separate da virgole durante il debug. Ciò migliora la debug del codice minimizzato.

Scorri le espressioni separate da virgole.

In precedenza, DevTools supportava solo l'esplorazione delle 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}

Questo crea confusione durante il debug perché il comportamento dei passaggi è diverso tra codice minimizzato e codice creato. È ancora più confusa quando si utilizzano le mappe di origine per eseguire il debug del codice minimizzato in termini di codice originale, in quanto lo sviluppatore controlla i punti e virgola (che erano in background trasformati in virgole dalla toolchain), ma il debugger non si interrompe su di essi.

Problema di Chromium: 1370200

Impostazione dell'elenco Ignora migliorata migliorata

Vai a Impostazioni > Elenco ignora. DevTools migliora la progettazione per aiutarti a configurare le regole per ignorare un singolo script o pattern di script.

La scheda Elenco di elementi da ignorare.

Problema di Chromium: 1356517

Varie in evidenza

Di seguito sono riportate alcune correzioni importanti di questa release:

Nome della proprietà CSS con completamento automatico nel riquadro Stili alla pressione della barra spaziatrice. (1343316)
Rimuovi lo scorrimento automatico nel breadcrumb del riquadro Elemento. (1369734)

Scarica 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à di DevTools più recenti, di testare le API per piattaforme web all'avanguardia e di individuare eventuali problemi sul tuo sito prima che lo facciano gli utenti.

Contattare il team di Chrome DevTools

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

Inviaci un suggerimento o un feedback tramite crbug.com.
Segnala un problema DevTools utilizzando Altre opzioni > Guida > Segnala i problemi di DevTools in DevTools.
Tweet all'indirizzo @ChromeDevTools.
Lascia commenti sui video di YouTube o sui suggerimenti di DevTools in DevTools Video di YouTube.