javascript - How can I display own Events in Chrome dev tools -

i measure application, performance sensitive.

to know if there option in chrome dev tools or in else view it's provided in network tab, own, js triggered events in (like red / blue line).

is there way so?

the obvious solution use console. gives more tools simple console.log:

• formatting (console.log("%cthis formatted large, blue text", "color: blue; font-size: x-large");)

• measuring time (console.time("array initialize"); longrunningoperation(); console.timeend("array initialize");)

• grouping (console.group("authenticating user '%s'", user); authentication(); console.groupend();)

• marking events on timeline (console.timestamp("adding result");)

this should more enough create readable log of custom events. see official docs more tips on using console.