Register for this year’s #ChromeDevSummit happening on Nov. 11-12 in San Francisco to learn about the latest features and tools coming to the Web. Request an invite on the Chrome Dev Summit 2019 website

DevTools Digest: More Power with the New Command Menu

Read about DevTools' new command menu and its over 60 actions that enable crazy fast workflows.

Cmd/Ctrl+Shift+P to bring up the Command Menu

Command Menu in DevTools

The "Jump to File" dialog that appears when you press Cmd+P (or Ctrl+P) in the Sources panel isn't terribly well known, but has been around for a while. We've now went much further than that and developed a text-editor-inspired command menu that can drive almost every important action in DevTools.

Hit Cmd+Shift+P (or Ctrl+Shift+P) anywhere (even when the page is in focus!) to bring up the Command Menu, then type to filter and hit Enter to trigger the action. A few sample actions you could try:

  • Appearance: Switch to Dark Theme
  • DevTools: Dock to bottom
  • Mobile: Inspect Devices...
  • Network: Go offline

The new command menu is a super quick way to navigate and discover new settings and actions across DevTools.

Looking for the good old "Go to member" dialog that was previously also associated with that shortcut? It is still there, just hit Cmd+Shift+O (or Ctrl+Shift+O) from now on.

Pretty-print HTML

Pretty HTML

We've had pretty-print for JS and CSS sources built into the Sources panel for a while now, but have just extended it to support full-blown HTML pretty-printing. Give it a try – not only does it reformat the HTML, it also reformats the JavaScript and CSS within it!


As always, let us know what you think via Twitter or the comments below, and submit bugs to crbug.com/new.

Until next month! Paul Bakaus & the DevTools team

Was this page helpful?
Yes
What was the best thing about this page?
It helped me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It had the information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It had accurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It was easy to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
No
What was the worst thing about this page?
It didn't help me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It was missing information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It had inaccurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It was hard to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.

rss_feed Subscribe to our RSS or Atom feed and get the latest updates in your favorite feed reader!