Google GitGoogle Git
Sign in
chromium/devtools/devtools-frontend/0cd74d4ee1a1c2b19d4eeecf2c9bd1cdda167b28
commit
0cd74d4ee1a1c2b19d4eeecf2c9bd1cdda167b28
[log]
author
Vidal Diazleal <vidorteg@microsoft.com>
Fri Nov 17 20:59:00 2023
committer
Devtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Fri Nov 17 22:01:19 2023
tree
5c67e86793835d5682ca02bb3a8c90f23363f383
parent
c2955dc48a1d17b74901e48da34049f887418673 [diff]
Introducing advanced filtering on Performance, Timeline Tree View

This CL adds three buttons to the Performance panel -> Timeline Tree View toolbar(Bottom-up, Call Tree, Event Log):
1.- Match case: can toggle case sensitive on the filter
2.- Enable regex: toggles on/off regex parsing on the filter text
3.- Match whole word.


For Bottom-up only:
It modifies the results when using the filter, previously every node on
the tree should match the filter, now, only top level items should
match it (filter), this should help developers to retain context on the
filtered function.

Associated chromium.src changes:
https://chromium-review.googlesource.com/c/chromium/src/+/5005613

Bug: 1496355
Change-Id: Ie5ae42fc4be5fd2abcc6e0fe69289fc244d64e1d
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4998014
Commit-Queue: Vidal Diazleal <vidorteg@microsoft.com>
Reviewed-by: Paul Irish <paulirish@chromium.org>
Reviewed-by: Connor Clark <cjamcl@chromium.org>
Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
14 files changed
tree: 5c67e86793835d5682ca02bb3a8c90f23363f383
  1. .vscode/
  2. build_overrides/
  3. config/
  4. docs/
  5. extension-api/
  6. extensions/
  7. front_end/
  8. inspector_overlay/
  9. node_modules/
  10. scripts/
  11. test/
  12. third_party/
  13. v8/
  14. build
  15. buildtools
  16. .clang-format
  17. .editorconfig
  18. .eslintignore
  19. .eslintrc.js
  20. .git-blame-ignore-revs
  21. .gitattributes
  22. .gitignore
  23. .gitmodules
  24. .gn
  25. .mailmap
  26. .npmignore
  27. .npmrc
  28. .style.yapf
  29. .stylelintignore
  30. .stylelintrc.json
  31. AUTHORS
  32. BUILD.gn
  33. codereview.settings
  34. DEPS
  35. LICENSE
  36. OWNERS
  37. package-lock.json
  38. package.json
  39. PRESUBMIT.py
  40. README.md
  41. tsconfig.json
  42. 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 project documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.

Additional references

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