Google GitGoogle Git
Sign in
chromium/devtools/devtools-frontend/e5f0e807fa419de4e0195f8d8d4510f6cba61274
commit
e5f0e807fa419de4e0195f8d8d4510f6cba61274
[log]
author
Yang Guo <yangguo@chromium.org>
Fri Oct 09 13:24:36 2026
committer
devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Fri Oct 09 15:09:56 2026
tree
dc399e44a7378afef32009b7227a642a251ccd76
parent
dd1de4ae271f17e55330b39e37e88899f067da8e [diff]
[elements] Use lossless encoding for pseudo-element hide class names

Encode characters outside [a-zA-Z0-9-] (including underscores) as hex
escape sequences when building the helper class name in
toggleClassAndInjectStyleRule. This prevents distinct pseudo-element
names (such as non-ASCII identifiers of the same length or identifiers
differing in escaped characters vs. underscores) from colliding on the
same class name.

Fixed: 570543683
Change-Id: If1273876ff63bea5c5289acf1bfc41f86f3eaa97
TAG=agy
CONV=aa392134-a395-41af-85d6-48bab269fd1e
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/8548894
Commit-Queue: Yang Guo <yangguo@chromium.org>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
Auto-Submit: Yang Guo <yangguo@chromium.org>
2 files changed
tree: dc399e44a7378afef32009b7227a642a251ccd76
  1. .agents/
  2. .gemini/
  3. .github/
  4. .vscode/
  5. build_overrides/
  6. config/
  7. docs/
  8. extension-api/
  9. extensions/
  10. front_end/
  11. inspector_overlay/
  12. mcp/
  13. node_modules/
  14. scripts/
  15. test/
  16. third_party/
  17. v8/
  18. build
  19. buildtools
  20. .clang-format
  21. .clang-format-ignore
  22. .editorconfig
  23. .env.template
  24. .geminiignore
  25. .git-blame-ignore-revs
  26. .gitallowed
  27. .gitattributes
  28. .gitignore
  29. .gitmodules
  30. .gn
  31. .mailmap
  32. .npmignore
  33. .npmrc
  34. .style.yapf
  35. .stylelintignore
  36. .stylelintrc.json
  37. AUTHORS
  38. BUILD.gn
  39. codereview.settings
  40. CONTRIBUTING.md
  41. DEPS
  42. DIR_METADATA
  43. eslint.config.mjs
  44. favicon.ico
  45. LICENSE
  46. OWNERS
  47. package-lock.json
  48. package.json
  49. PRESUBMIT.py
  50. README.md
  51. SECURITY.md
  52. 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: