Google GitGoogle Git
Sign in
chromium/devtools/devtools-frontend/86051486b3d8492518e059dbea5f958c23726a49
commit
86051486b3d8492518e059dbea5f958c23726a49
[log]
author
Vidal Guillermo Diazleal Ortega <vidorteg@microsoft.com>
Tue Aug 12 19:58:26 2025
committer
Devtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Tue Aug 12 21:51:19 2025
tree
b4098915a7e29ce52d3336a2f70acb557267c179
parent
017f27837994055ab97950939ac3c0e2929cad9f [diff]
[RPP] Add dialog for export trace options

This change consolidates 2 different menus in a dialog that contains 3
options to customize an exported performance trace: 1. Include
annotations 2. Include script content (Behind experiment flag) 3.
Include script source maps (Behind experiment flag)

Include annotations This option only shows up if annotations exists on
the trace. Replaces the previous option to whether or not include
existing annotation in the trace.

Include script content This option only shows up when the experiment
flag (Enable collecting enhanced traces) is on. Controls whether or not
script content will be included.

Include script source content This option only shows up when the
experiment flag (Enable collecting source text from compiled script) is
on, also this option will be disabled if the 'Include script content' is
not selected. Controls whether or not to include the script source
content (sourcemaps) in the exported trace.

Before: https://imgur.com/a/rajLmNc

After: https://imgur.com/a/2H0t2uG

Bug: 432043591
Change-Id: I0acc5778db84025f19a3f8431793dcf3e3ef1cbe
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6803185
Reviewed-by: Connor Clark <cjamcl@chromium.org>
Commit-Queue: Vidal Diazleal <vidorteg@microsoft.com>
13 files changed
tree: b4098915a7e29ce52d3336a2f70acb557267c179
  1. .gemini/
  2. .github/
  3. .vscode/
  4. build_overrides/
  5. config/
  6. docs/
  7. extension-api/
  8. extensions/
  9. front_end/
  10. inspector_overlay/
  11. node_modules/
  12. scripts/
  13. test/
  14. third_party/
  15. v8/
  16. build
  17. buildtools
  18. .clang-format
  19. .clang-format-ignore
  20. .editorconfig
  21. .git-blame-ignore-revs
  22. .gitallowed
  23. .gitattributes
  24. .gitignore
  25. .gitmodules
  26. .gn
  27. .mailmap
  28. .npmignore
  29. .npmrc
  30. .style.yapf
  31. .stylelintignore
  32. .stylelintrc.json
  33. AUTHORS
  34. BUILD.gn
  35. codereview.settings
  36. CONTRIBUTING.md
  37. DEPS
  38. DIR_METADATA
  39. eslint.config.mjs
  40. favicon.ico
  41. LICENSE
  42. OWNERS
  43. package-lock.json
  44. package.json
  45. PRESUBMIT.py
  46. README.md
  47. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

The client-side of the Chrome DevTools, including all TypeScript & CSS to run the DevTools webapp.

Source code and documentation

The frontend is available on chromium.googlesource.com. Check out the Chromium DevTools documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.

Source mirrors

DevTools frontend repository is mirrored on GitHub.

DevTools frontend is also available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES modules, so consuming this package in other tools may require some effort.

The version number of the npm package (e.g. 1.0.373466) refers to the Chromium commit position of latest frontend git commit. It's incremented with every Chromium commit, however the package is updated roughly daily.

Getting in touch

There are a few options to keep an eye on the latest and greatest of DevTools development: