| 1 | # Chrome DevTools frontend
|
| 2 |
|
| 3 |
|
| 4 |
|
| 5 | [](https://npmjs.org/package/chrome-devtools-frontend)
|
| 6 |
|
| 7 |
|
| 8 |
|
| 9 | The client-side of the Chrome DevTools, including all JS & CSS to run the DevTools webapp.
|
| 10 |
|
| 11 | ### Source code
|
| 12 |
|
| 13 | The frontend is available on [chromium.googlesource.com](https://chromium.googlesource.com/devtools/devtools-frontend).
|
| 14 |
|
| 15 | ### Design guidelines
|
| 16 |
|
| 17 | Please be aware that DevTools follows additional [development guidelines](docs/design_guidelines.md).
|
| 18 |
|
| 19 | ### Issue triage
|
| 20 |
|
| 21 | The issue triage guidelines can be found [in docs/triage_guidelines.md](docs/triage_guidelines.md).
|
| 22 |
|
| 23 | ### Workflows
|
| 24 |
|
| 25 | Instructions to set up, use, and maintain a DevTools frontend checkout can be found [in docs/workflows.md](docs/workflows.md).
|
| 26 |
|
| 27 | ### Additional references
|
| 28 |
|
| 29 | - DevTools documentation: [devtools.chrome.com](https://devtools.chrome.com/)
|
| 30 | - [Debugging protocol docs](https://developer.chrome.com/devtools/docs/debugger-protocol) and [Chrome Debugging Protocol Viewer](https://chromedevtools.github.io/debugger-protocol-viewer/)
|
| 31 | - [awesome-chrome-devtools](https://github.com/paulirish/awesome-chrome-devtools): recommended tools and resources
|
| 32 | - Contributing to DevTools: [bit.ly/devtools-contribution-guide](https://bit.ly/devtools-contribution-guide)
|
| 33 | - Contributing To Chrome DevTools Protocol: [docs.google.com](https://docs.google.com/document/d/1c-COD2kaK__5iMM5SEx-PzNA7HFmgttcYfOHHX0HaOM/edit?usp=sharing)
|
| 34 | - DevTools Design Review Guidelines: [design_guidelines.md](docs/design_guidelines.md)
|
| 35 |
|
| 36 | ### Source mirrors
|
| 37 |
|
| 38 | DevTools frontend repository is mirrored on [GitHub](https://github.com/ChromeDevTools/devtools-frontend).
|
| 39 |
|
| 40 | DevTools frontend is also available on NPM as the [chrome-devtools-frontend](https://www.npmjs.com/package/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](https://github.com/paulirish/devtools-timeline-model/blob/master/index.js).
|
| 41 |
|
| 42 | 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.
|
| 43 |
|
| 44 | ### Getting in touch
|
| 45 |
|
| 46 | - All DevTools commits: [View the log] or follow [@DevToolsCommits] on Twitter
|
| 47 | - [All open DevTools tickets] on crbug.com
|
| 48 | - File a new DevTools ticket: [new.crbug.com](https://bugs.chromium.org/p/chromium/issues/entry?labels=OS-All,Type-Bug,Pri-2&components=Platform%3EDevTools)
|
| 49 | - Code reviews mailing list: [devtools-reviews@chromium.org]
|
| 50 | - [@ChromeDevTools] on Twitter
|
| 51 | - Chrome DevTools mailing list: [groups.google.com/forum/google-chrome-developer-tools](https://groups.google.com/forum/#!forum/google-chrome-developer-tools)
|
| 52 |
|
| 53 | [devtools-reviews@chromium.org]: https://groups.google.com/a/chromium.org/forum/#!forum/devtools-reviews
|
| 54 | [View the log]: https://chromium.googlesource.com/devtools/devtools-frontend/+log/main
|
| 55 | [@ChromeDevTools]: http://twitter.com/ChromeDevTools
|
| 56 | [@DevToolsCommits]: http://twitter.com/DevToolsCommits
|
| 57 | [All open DevTools tickets]: https://bugs.chromium.org/p/chromium/issues/list?can=2&q=component%3APlatform%3EDevTools&sort=&groupby=&colspec=ID+Stars+Owner+Summary+Modified+Opened
|
| 58 | [test waterfall]: https://ci.chromium.org/p/devtools-frontend/g/main/console
|