Novità di DevTools (Chrome 81)

Kayce Basques
Kayce Basques
X GitHub

Supporto di Moto G4 in modalità Dispositivo

Dopo aver attivato la barra degli strumenti del dispositivo, ora puoi simulare le dimensioni di una finestra di visualizzazione Moto G4 dall'elenco Dispositivo.

Simulazione di un'area visibile di Moto G4

Fai clic su Mostra cornice dispositivo per mostrare l'hardware di Moto G4 intorno al riquadro.

Mostra l'hardware di Moto G4

Funzionalità correlate:

  • Apri il menu dei comandi ed esegui il comando Capture screenshot per acquisire uno screenshot della finestra che include l'hardware di Moto G4 (dopo aver attivato Mostra frame dispositivo).
  • Limita la rete e la CPU per simulare in modo più preciso le condizioni di navigazione web di un utente mobile.

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.

Cookie bloccati nel riquadro Cookie del riquadro Applicazione

Consulta anche Eseguire il debug del motivo per cui un cookie è stato bloccato per scoprire come accedere a un'interfaccia utente simile dal riquadro Rete.

Problema di Chromium n. 1030258

Priorità dei cookie nel riquadro Cookie

Le tabelle dei 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 dei cookie sono ora modificabili, ad eccezione delle celle della colonna Dimensione, perché questa colonna rappresenta la dimensione di rete del cookie, in byte. Consulta Campi per una spiegazione di ogni colonna.

Modificare un valore di cookie

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

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

Copia come recupero Node.js

Problema di Chromium n. 1029826

Icone del manifest dell'app web più accurate

In precedenza, il riquadro Manifest nel pannello Applicazione eseguiva le proprie richieste per visualizzare le icone del manifest dell'app web. DevTools ora mostra esattamente la stessa icona del manifest utilizzata da Chrome.

Icone nel riquadro Manifest

Problema di Chromium n. 985402

Passa il mouse sopra le proprietà CSS content per visualizzare i valori non sottoposti a escape

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

Ad esempio, in questa demo, quando esamini lo pseudo-elemento p::after, nel riquadro Stili viene visualizzata una stringa di escape:

Stringa con caratteri di escape

Quando passi il mouse sopra il valore content, viene visualizzato il valore non sottoposto a escape:

Il valore senza caratteri di escape

Errori della mappa delle origini più dettagliati nella console

La console ora fornisce maggiori dettagli sul motivo per cui il caricamento o l'analisi di una mappa delle origini non è riuscito. In precedenza, veniva visualizzato un errore senza spiegare cosa non andava.

Errore di caricamento della mappa di origine nella console

Impostazione per disattivare lo scorrimento oltre la fine di un file

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

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