-
Notifications
You must be signed in to change notification settings - Fork 2.4k
Add Chrome DevTools Extensibility API #28270
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
|
Tip: Review these changes grouped by change (recommended for most PRs), or grouped by feature (for large PRs). |
| "devtools": { | ||
| "__compat": { | ||
| "description": "`devtools` details used in performance trace", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think this should be moved into api.Performance.mark (see here), and renamed to markOptions_detail_devtools_parameter following this guideline.
| "devtools": { | |
| "__compat": { | |
| "description": "`devtools` details used in performance trace", | |
| "markOptions_detail_devtools_parameter": { | |
| "__compat": { | |
| "description": "`markOptions.details.devtools` parameter", |
Note: Theoretically, this could be captured additionally as subfeatures of the PerformanceMark() and PerformanceMeasure() constructors, and as subfeatures of the Performance{Mark,Measure}.detail properties, but given that these are non-standard features and the Blog post only mentions the performance.{mark,measure}() methods, let's not duplicate unnecessarily here.
| "color": { | ||
| "__compat": { | ||
| "support": { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| "color": { | |
| "__compat": { | |
| "support": { | |
| "color_parameter": { | |
| "__compat": { | |
| "description": "`color` parameter", | |
| "support": { |
| } | ||
| } | ||
| }, | ||
| "data": { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| "data": { | |
| "data_parameter": { | |
| "__compat": { | |
| "description": "`data` parameter", | |
| "support": { |
| } | ||
| } | ||
| }, | ||
| "end": { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| "end": { | |
| "end_parameter": { | |
| "__compat": { | |
| "description": "`end` parameter", | |
| "support": { |
| "label": { | ||
| "__compat": { | ||
| "mdn_url": "https://developer.mozilla.org/docs/Web/API/console/timeStamp_static#label", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| "label": { | |
| "__compat": { | |
| "mdn_url": "https://developer.mozilla.org/docs/Web/API/console/timeStamp_static#label", | |
| "label_parameter": { | |
| "__compat": { | |
| "description": "`label` parameter", | |
| "mdn_url": "https://developer.mozilla.org/docs/Web/API/console/timeStamp_static#label", |
| "start": { | ||
| "__compat": { | ||
| "support": { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| "start": { | |
| "__compat": { | |
| "support": { | |
| "start_parameter": { | |
| "__compat": { | |
| "description": "`start` parameter", | |
| "support": { |
| "trackGroup": { | ||
| "__compat": { | ||
| "support": { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| "trackGroup": { | |
| "__compat": { | |
| "support": { | |
| "trackGroup_parameter": { | |
| "__compat": { | |
| "description": "`trackGroup` parameter", | |
| "support": { |
| "trackName": { | ||
| "__compat": { | ||
| "support": { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| "trackName": { | |
| "__compat": { | |
| "support": { | |
| "trackName_parameter": { | |
| "__compat": { | |
| "description": "`trackName` parameter", | |
| "support": { |
| "devtools": { | ||
| "__compat": { | ||
| "description": "`devtools` details used in performance trace", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same applies here.
Summary
The Chrome DevTools extensibility API adds some optional extra params to User Timing (
performance.markandperformance.measure) andconsole.timestampto provide additional information to performance traces.I\m looking to document these in mdn/content#41372 and so adding BCD data here.
Test results and supporting details
User Timing supported from 128 - https://developer.chrome.com/blog/new-in-devtools-128#perf-extension
Console.timesstamp supported from 134 https://developer.chrome.com/blog/new-in-devtools-134#console-timestamp
Spec discussions:
detailparam that allows developers to customize the presentation of timings in devtools w3c/user-timing#111Note I've marked it as
"standard_track": falsefor now, since those discussions are ongoing.Related issues
MDN content PR: mdn/content#41372