Debug migliorato dei fogli di stile mancanti
DevTools riceve una serie di miglioramenti per aiutarti a identificare ed eseguire il debug più rapidamente dei problemi relativi ai fogli di stile mancanti:
- L'albero Fonti > Pagina ora mostra solo i fogli di stile caricati e di cui è stato eseguito il deployment correttamente per ridurre al minimo la confusione.
- Fonti > Editor ora sottolinea e mostra descrizioni comando di errore in linea accanto alle istruzioni
@import,url()ehrefnon riuscite.
- La console, oltre ai link alle richieste non riuscite, ora fornisce link alla riga esatta che fa riferimento a un foglio di stile che non è stato caricato.
Il riquadro Rete compila in modo coerente la colonna Iniziatore con link alla riga esatta che fa riferimento a un foglio di stile che non è stato caricato.
Il riquadro Problemi elenca tutti i problemi di caricamento dei fogli di stile, inclusi URL non funzionanti, richieste non riuscite e istruzioni
@importposizionate in modo errato.
Problemi di Chromium: 1440626, 1442198, 1453611.
Supporto della temporizzazione lineare in Elementi > Stili > Editor di transizione
L'
transition-timing-function e animation-timing-function con un clic. In questa versione, l'
Per configurare le tempistiche lineari, fai clic sul pulsante del selettore lineare. Per aggiungere un punto di controllo, fai clic in un punto qualsiasi della linea. Per rimuovere un punto di controllo, fai doppio clic. Puoi anche scegliere uno dei preset: linear, elastic, bounce o emphasized. Guarda il video per vedere la regolazione lineare in azione.
Problema di Chromium: 1421241.
Supporto dei bucket di archiviazione e visualizzazione dei metadati
La sezione Applicazione > Spazio di archiviazione ora supporta i bucket di archiviazione. I bucket di archiviazione sono indipendenti l'uno dall'altro, quindi puoi specificare la priorità di eliminazione per le sezioni di dati e assicurarti che i dati più importanti non vengano eliminati. Ogni bucket di archiviazione può archiviare dati associati ad API Storage consolidate come IndexedDB e CacheStorage.
Dai un'occhiata a questo fiddle per testare la funzionalità. Apri DevTools, vai ad Applicazione > Spazio di archiviazione > Indexed DB ed esegui il codice. Ora DevTools mostra i bucket e i relativi contenuti. Seleziona un bucket per visualizzarne i metadati.
La visualizzazione unificata dei metadati è ora disponibile anche per le sezioni di archiviazione locale, di sessione e della cache.
Problemi di Chromium: