Google Git
Sign in
chromium / devtools / devtools-frontend / ab1d884344f76b71f2520f17b947d1d4e6821fbe
commitab1d884344f76b71f2520f17b947d1d4e6821fbe[log] [tgz]
authorChanghao Han <[email protected]>Fri Jul 02 10:09:33 2021
committerDevtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>Fri Jul 02 14:59:52 2021
tree6975ac4c34dcc8ed64a2ceb73c4cc385dc513b21
parent8337a4a09a8bed84e49793e08daecc0375af95ba [diff]
Componentize CSS Query display in the Styles pane

This CL converts legacy UI to LitHTML components with CSSQuery, which
handles displaying media queries and container queries.

This CL also adds a `name` field to a container query. Currently this
name is read-only, which will be changed in a follow-up CL.

Bug: chromium:1146422
Change-Id: If6b34b606ff1e4e35de132ab42875ea4537ec4ec
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2988301
Commit-Queue: Changhao Han <[email protected]>
Reviewed-by: Johan Bay <[email protected]>
Reviewed-by: Jack Franklin <[email protected]>
12 files changed
tree: 6975ac4c34dcc8ed64a2ceb73c4cc385dc513b21
  1. .vscode/
  2. build_overrides/
  3. config/
  4. docs/
  5. front_end/
  6. inspector_overlay/
  7. node_modules/
  8. scripts/
  9. test/
  10. third_party/
  11. v8/
  12. .clang-format
  13. .editorconfig
  14. .eslintignore
  15. .eslintrc.js
  16. .gitattributes
  17. .gitignore
  18. .gn
  19. .mailmap
  20. .npmignore
  21. .npmrc
  22. .style.yapf
  23. .stylelintignore
  24. .stylelintrc.json
  25. ARCHITECTURE.md
  26. AUTHORS
  27. BUILD.gn
  28. DEPS
  29. LICENSE
  30. OWNERS
  31. package-lock.json
  32. package.json
  33. PRESUBMIT.py
  34. README.md
  35. tsconfig.json
  36. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

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

Source code

The frontend is available on chromium.googlesource.com.

Design guidelines

Please be aware that DevTools follows additional development guidelines.

Issue triage

The issue triage guidelines can be found in docs/triage_guidelines.md.

Workflows

Instructions to set up, use, and maintain a DevTools frontend checkout can be found in docs/workflows.md.

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