Novità di DevTools (Chrome 81)

Kayce Basques

Supporto di Moto G4 in modalità Dispositivo

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

Simulazione di un'area visibile del Moto G4

Fai clic su Mostra frame del dispositivo per visualizzare l'hardware di Moto G4 attorno al viewport.

Visualizzazione dell'hardware di Moto G4

Funzionalità correlate:

  • Apri il menu dei comandi ed esegui il comando Capture screenshot per acquisire uno screenshot del viewport che include l'hardware di Moto G4 (dopo aver attivato Mostra riquadro del dispositivo).
  • Limita la rete e la CPU per simulare con maggiore precisione le condizioni di navigazione web di un utente mobile.

Problema Chromium 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 Debug del motivo per cui un cookie è stato bloccato per scoprire come accedere a un'interfaccia utente simile dal riquadro Rete.

Problema di Chromium 1030258

Priorità dei cookie nel riquadro Cookie

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

Problema di Chromium 1026879

Modifica tutti i valori dei cookie

Ora tutte le celle delle tabelle dei cookie sono modificabili, tranne quelle della colonna Dimensione perché questa rappresenta la dimensione di rete del cookie in byte. Consulta Campi per una spiegazione di ogni colonna.

Modifica di un valore del 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 include i dati dei cookie.

Copia come recupero Node.js

Problema di Chromium 1029826

Icone manifest dell'app web più precise

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

Icone nel riquadro Manifest

Problema di Chromium 985402

Passa il mouse sopra le proprietà CSS content per visualizzare i valori non sfuggiti

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

Ad esempio, in questa demo, quando ispezioni l'elemento pseudo p::after, nel riquadro Stili viene visualizzata una stringa con escape:

La stringa con caratteri di escape

Se passi il mouse sopra il valore content, viene visualizzato il valore non sfuggito:

Il valore non sfuggito

Errori più dettagliati della mappa di origine nella console

La console ora fornisce ulteriori dettagli sul motivo per cui non è stato possibile caricare o analizzare una mappa di origine. In precedenza, veniva fornito solo un errore senza spiegare cosa non andava.

Un 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 > Origini > Consenti scorrimento oltre la fine del file per disattivare il comportamento predefinito dell'interfaccia utente che ti consente di scorrere molto oltre la fine di un file nel pannello Origini.

Ecco una GIF della funzionalità.

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.