Novità di DevTools (Chrome 81)

Supporto di Moto G4 in modalità dispositivo

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

Simulare un'area visibile di Moto G4

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

Ecco l'hardware del Moto G4

Funzionalità correlate:

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

Problema di Chromium n. 924693

Aggiornamenti relativi ai cookie

Cookie bloccati nel riquadro Cookie

Il riquadro Cookie del riquadro Applicazione ora colori i cookie bloccati con uno sfondo giallo.

Cookie bloccati nel riquadro Cookie del riquadro Applicazione

Consulta anche l'articolo 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 dei cookie

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

Problema di Chromium #1026879

Modifica tutti i valori dei cookie

Tutte le celle nelle tabelle Cookie sono ora modificabili, ad eccezione delle celle nella colonna Dimensione perché quella colonna rappresenta le dimensioni di rete del cookie in byte. Per una spiegazione di ciascuna colonna, consulta Campi.

Modificare il valore di un 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 #1029826

Icone del file manifest delle app web più precise

In precedenza, il riquadro Manifest nel riquadro Applicazione eseguiva le proprie richieste per visualizzare le icone del manifest delle app web. DevTools ora mostra 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 senza caratteri di escape

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

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

La stringa con caratteri di escape

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

Il valore senza caratteri di escape

Errori della mappa di origine più dettagliati nella console

La console ora fornisce ulteriori dettagli sul motivo per cui non è stato possibile caricare o analizzare una mappa di origine. In precedenza forniva 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, poi disattiva Preferenze > Origini > Consenti lo scorrimento oltre la fine del file per disattivare il comportamento predefinito dell'interfaccia utente che ti consente di scorrere ben oltre la fine di un file nel riquadro Origini.

Ecco una GIF della funzionalità.

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

Novità di DevTools

Un elenco di tutti gli argomenti trattati nella serie Novità di DevTools.

Chrome 123

Chrome 122

Guida introduttiva di Chrome

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Versione 115 di Chrome

Chrome 114

Chrome 113

Chrome 112

Guida introduttiva di Chrome

Versione 110 di Chrome

Guida introduttiva di Chrome

Guida introduttiva di Chrome

Guida introduttiva di Chrome

Guida introduttiva di Chrome

Guida introduttiva di Chrome

Guida introduttiva di Chrome

Guida introduttiva di Chrome

Guida introduttiva di Chrome

Guida introduttiva di Chrome

Guida introduttiva di Chrome

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Chrome 91

Chrome 90

Chrome 89

Chrome 88

Chrome 87

Chrome 86

Chrome versione 85

Chrome 84

Chrome 83

Chrome 82

Chrome 82 è stato annullato.

Chrome 81

Chrome versione 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome versione 65

Chrome 64

Chrome 63

Chrome 62

Chrome 61

Chrome 60

Chrome 59