demo · v134 · devtools
Options Builder
Dial in a console.timeStamp() options object — label, start, duration, track group, track name, colour — get a live mock-up of the resulting bar on the Performance panel timeline. Add the call to your code and the bar lands where you placed it here.
entry options
200
120
timeline preview
App / Render
Network / fetch
Framework / commit
0ms250ms500ms750ms1000ms
option reference
start— number (DOMHighResTimestamp) or a string that names aperformance.mark.duration— number, or a second mark name. Without it the entry is an instantaneous flag.trackGroup— top-level swim lane in the Performance panel (e.g. "App", "Framework").track— sub-lane within the group.color— one of the named DevTools palette tokens (primary, secondary, tertiary, error, warning).
see also
- Extended console.timeStamp — feature index
- console.timeStamp+ basics
- Framework trace track