chrome dev tools: manca la vista della cornice dalla timeline

Question

È stata utilizzata un'opzione per passare da eventi, frame e memoria nella timeline degli strumenti di Chrome Dev.

Ora, c'è solo visualizzare gli eventi :(

strumenti

mio Dev:

Dev strumenti di documentazione:

Answer 1

Ecco come ottenere fotogramma per fotogramma informazioni:

1.Accertarsi 'flame vista grafico' è attivo
2. Fare clic su una delle cornici grigie per ottenere informazioni specifiche su quel fotogramma

Answer 2

Assicurarsi che il frame view è effettivamente visibile.

Nell'esempio seguente, la memoria e la finestra del frame sono così vicine l'una all'altra che sembra che tu sia frame view scomparso.

Basta semplicemente provare ad espanderlo trascinando i bordi della finestra frame view (A e B nell'immagine sottostante).

Answer 3

I vecchi telai UX è stato rimosso. Ora c'è una singola vista fornita per la linea temporale. I frame vengono ora visualizzati come "FPS" nell'area di panoramica corrente. I telai di problemi sono contrassegnati con un segno di spunta rosso sia nella parte superiore di quella vista che nella cornice stessa.

A differenza del vecchio UX, tuttavia, i nuovi fotogrammi sono "più alti sono più FPS". Quindi, invece di cercare barre alte, dovresti cercare quelle corte. Le zecche rosse indicano le principali aree del fotogramma a cui prestare attenzione.

I documenti ufficiali di DevTools sono attualmente in fase di aggiornamento per riflettere il nuovo importante cambiamento nell'esperienza utente.