Google Git
Sign in
chromium / devtools / devtools-frontend / 815772d12582dde1bee2c92caecfab9261aa63c6
commit815772d12582dde1bee2c92caecfab9261aa63c6[log] [tgz]
authorNikolay Vitkov <nvitkov@chromium.org>Tue Sep 09 10:44:03 2025
committerDevtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>Tue Sep 09 12:48:52 2025
tree0ae615c1163213512574f5853aec5cac833e5db2
parent8621a23016dec022f4eb863a18dbbec3c448c94d [diff]
[cleanup] Extract the DOM setup/teardown into a file

This make it easier to separate what we are doing in the hook,
it also provides a single way of removing WidgetOrElement,
which has caused problems due to the GlassPane being a widget.

Bug: none
Change-Id: I869a49ac1b5813036572dec015fe382502a4b7dd
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6911671
Commit-Queue: Nikolay Vitkov <nvitkov@chromium.org>
Reviewed-by: Simon Zünd <szuend@chromium.org>
5 files changed
tree: 0ae615c1163213512574f5853aec5cac833e5db2
  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. .geminiignore
  22. .git-blame-ignore-revs
  23. .gitallowed
  24. .gitattributes
  25. .gitignore
  26. .gitmodules
  27. .gn
  28. .mailmap
  29. .npmignore
  30. .npmrc
  31. .style.yapf
  32. .stylelintignore
  33. .stylelintrc.json
  34. AUTHORS
  35. BUILD.gn
  36. codereview.settings
  37. CONTRIBUTING.md
  38. DEPS
  39. DIR_METADATA
  40. eslint.config.mjs
  41. favicon.ico
  42. LICENSE
  43. OWNERS
  44. package-lock.json
  45. package.json
  46. PRESUBMIT.py
  47. README.md
  48. 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: