The client-side of the Chrome DevTools, including all JS & CSS to run the DevTools webapp.
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.
The frontend is available through a git subtree mirror on chromium.googlesource.com, with a regularly updating GitHub mirror at github.com/ChromeDevTools/devtools-frontend. The codebase's true location is in
third_party/WebKit/Source/devtools/ in Chromium's git repo.
Power user tips:
You can customize the port for the dev server: e.g.
PORT=8888 npm start.
You can also launch chrome and start the server separately:
npm run chrome
npm run server
When you start Chrome separately, you can pass extra args to Chrome:npm run chrome -- https://news.ycombinator.com
(e.g. this launches Hacker News on startup)
If you want to reset your development profile for Chrome, pass in “--reset-profile”:npm start -- --reset-profile
ORnpm run chrome -- --reset-profile
npm run format- formats your code using clang-format
npm test- builds devtools and runs all inspector layout tests
Note: If you're using a full chromium checkout and compiled content shell in out/Release, then
npm testuses that. Otherwise, with only a front-end checkout (i.e. cloning from GitHub), then
npm testwill fetch a previously compiled content shell from the cloud (and cache it for future test runs).
npm test -- --fetch-content-shell- even if you‘re using a full chromium checkout and have a compiled content shell, this will fetch a pre-compiled content shell. This is useful if you haven’t compiled your content shell recently.
npm test -- -f --child-processes=16- pass in additional flags to the test harness
npm test -- inspector/sources inspector/console- run specific tests
npm test -- inspector/cookie-resource-match.html --debug-devtools- debug a specific test (non-bundled & minified). You can use “-d” as a shorthand for “--debug-devtools”.
npm run test:build- only builds devtools (in debug mode)
npm run test:run- only runs devtools tests
@ChromeDevTools on Twitter
Chrome DevTools mailing list: groups.google.com/forum/google-chrome-developer-tools