Novità di DevTools (Chrome 81)

Kayce Basques

Supporto di Moto G4 in modalità dispositivo

Dopo aver attivato la barra degli strumenti dei dispositivi, ora puoi simulare le dimensioni di un'area visibile di Moto G4 dall'elenco Dispositivi.

Fai clic su Mostra frame del dispositivo per mostrare l'hardware del Moto G4 intorno all'area visibile.

Funzionalità correlate:

• Apri il menu Comando ed esegui il comando Capture screenshot per acquisire uno screenshot del area visibile che include l'hardware Moto G4 (dopo aver attivato Mostra cornice dispositivo).
• Limita la rete e la CPU per simulare in modo più accurato la navigazione sul web di un utente di dispositivi mobili. le condizioni di traffico.

Problema di Chromium n. 924693

Aggiornamenti relativi ai cookie

Cookie bloccati nel riquadro Cookie

Il riquadro Cookie nel riquadro Applicazione ora colora i cookie bloccati con uno sfondo giallo.

Per informazioni su come accedere a un'interfaccia utente simile dalla rete, consulta anche l'articolo Debug del blocco di un cookie. dal riquadro.

Problema di Chromium n. 1030258

Priorità dei cookie nel riquadro Cookie

Le tabelle Cookie nei riquadri Rete e Applicazione ora includono una colonna Priorità.

Problema di Chromium n. 1026879

Modifica tutti i valori dei cookie

Tutte le celle delle tabelle Cookie sono modificabili, ad eccezione delle celle della colonna Dimensioni perché rappresenta le dimensioni di rete del cookie, in byte. Consulta la sezione Campi per una spiegazione ogni colonna.

Copia come recupero Node.js per includere i dati dei cookie

Fai clic con il pulsante destro del mouse su una richiesta di rete e seleziona Copia > Copia come recupero Node.js per ottenere un fetch che include i dati dei cookie.

Problema di Chromium n. 1029826

Icone manifest delle app web più precise

In precedenza, il riquadro Manifest del riquadro Applicazione eseguiva le proprie richieste per mostrare le icone manifest delle app web. DevTools ora mostra la stessa icona manifest utilizzata da Chrome.

Problema Chromium n. 985402

Passa il mouse sopra le proprietà content CSS per visualizzare i valori senza caratteri di escape

Passa il mouse sopra il valore di una proprietà content per visualizzare la versione del valore senza escape.

Ad esempio, in questa demo, quando ispezioni lo pseudo-elemento p::after, vedi un carattere di escape nel riquadro Stili:

Se passi il mouse sopra il valore content, viene visualizzato il valore senza caratteri di escape:

Errori più dettagliati nella mappa di origine nella console

La console ora fornisce maggiori dettagli sul motivo per cui una mappa di origine non è stata caricata o analizzata. In precedenza, ha restituito un errore senza spiegare cosa non ha funzionato.

Impostazione per disattivare lo scorrimento oltre la fine di un file

Apri Impostazioni e disattiva Preferenze > Fonti > Consenti scorrimento oltre la fine di per disattivare il comportamento predefinito dell'interfaccia utente che ti consente di scorrere oltre la fine di un file nel riquadro Origini.

Ecco una GIF della funzionalità.

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   > 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.