Google Git
Sign in
chromium / devtools / devtools-frontend / 71440668aa4222ef663149d22423b80895a973c4
commit71440668aa4222ef663149d22423b80895a973c4[log] [tgz]
authorChanghao Han <changhaohan@chromium.org>Sun Sep 27 20:44:35 2020
committerChanghao Han <changhaohan@chromium.org>Mon Sep 28 21:41:51 2020
tree690b076813e01e5c94647e46387b82f83b807f9b
parentabc7b89c285fae2a99b0ee26f5367d69b49665b0 [diff]
Add collapsable Computed pane into Styles pane

This CL adds a collapable Computed sidebar pane to the right side of
the Styles pane. This sidebar pane is separate from the existing
standalone Computed pane, and is controlled by user clicks.
It will be collapsed by default, and will remember user choice across
DevTools sessions.

screencast: https://imgur.com/a/EkMCfMb

Bug: chromium:1073899
Change-Id: Id3a4d55ccb996935aa7093edc83d0cc4965a7310
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2422957
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
Commit-Queue: Changhao Han <changhaohan@chromium.org>
(cherry picked from commit 7b61e9210b440c6133758f9adcccbe460bd99808)
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2434524
Commit-Queue: Mathias Bynens <mathias@chromium.org>
Auto-Submit: Changhao Han <changhaohan@chromium.org>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
3 files changed
tree: 690b076813e01e5c94647e46387b82f83b807f9b
  1. back_end/
  2. build_overrides/
  3. docs/
  4. front_end/
  5. node_modules/
  6. scripts/
  7. test/
  8. third_party/
  9. v8/
  10. .clang-format
  11. .editorconfig
  12. .eslintignore
  13. .eslintrc.js
  14. .gitattributes
  15. .gitignore
  16. .gn
  17. .npmignore
  18. .npmrc
  19. .style.yapf
  20. .stylelintignore
  21. .stylelintrc.json
  22. all_devtools_files.gni
  23. all_devtools_modules.gni
  24. AUTHORS
  25. BUILD.gn
  26. COMMON_OWNERS
  27. DEPS
  28. devtools_grd_files.gni
  29. devtools_image_files.gni
  30. devtools_module_entrypoints.gni
  31. ENG_REVIEW_OWNERS
  32. INFRA_OWNERS
  33. LICENSE
  34. LIGHTHOUSE_OWNERS
  35. OWNERS
  36. package-lock.json
  37. package.json
  38. PRESUBMIT.py
  39. protocol.json
  40. README.md
  41. tsconfig.base.json
  42. tsconfig.json
  43. 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 here.

Workflows

Instructions to set up, use, and maintain a DevTools frontend checkout can be found here.

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