Confirmed users
125
edits
DevTools/OperationInstrument: Difference between revisions
→Frontend: more stuff
(adding example) |
(→Frontend: more stuff) |
||
| Line 34: | Line 34: | ||
=== Frontend === | === Frontend === | ||
The performance tool expects some pre-defined type of markers. Defined in browser/devtools/timeline/widgets/global.js. To add | The performance tool expects some pre-defined type of markers. Defined in '''<code>browser/devtools/timeline/widgets/global.js</code>'''. To add new support for new markers in the UI, updating this file is enough. To display marker's metadata - if any (displayed when marker is selected in the waterfall) add a rendering function in '''<code>browser/devtools/timeline/widgets/marker-details.js</code>'''. | ||
https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors#Highlight_Colors | https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors#Highlight_Colors | ||
| Line 62: | Line 62: | ||
}, | }, | ||
}; | }; | ||
--- a/browser/locales/en-US/chrome/browser/devtools/timeline.properties | |||
+++ b/browser/locales/en-US/chrome/browser/devtools/timeline.properties | |||
@@ -35,16 +35,18 @@ timeline.records=RECORDS | |||
# LOCALIZATION NOTE (timeline.label.*): | |||
# These strings are displayed in the timeline waterfall, identifying markers. | |||
# We want to use the same wording as Google Chrome | |||
timeline.label.styles2=Recalculate Style | |||
timeline.label.reflow2=Layout | |||
timeline.label.paint=Paint | |||
timeline.label.javascript2=Function Call | |||
+timeline.label.parseHTML=Parse HTML | |||
timeline.label.domevent=DOM Event | |||
timeline.label.consoleTime=Console | |||
# LOCALIZATION NOTE (graphs.memory): | |||
# This string is displayed in the memory graph of the Performance tool, | |||
# as the unit used to memory consumption. This label should be kept | |||
# AS SHORT AS POSSIBLE so it doesn't obstruct important parts of the graph. | |||
graphs.memory=MB | |||
=== Recording markers in a different thread === | === Recording markers in a different thread === | ||