Fundamentals Tools Updates Case Studies
首页 Chrome DevTools Lighthouse Puppeteer Workbox Chrome User Experience Report
Can’t make the #ChromeDevSummit this year? Catch all the content (and more!) on the livestream, or join your peers for a CDS Extended event at a hosted location nearby. To learn more, check out the Chrome Dev Summit 2019 website.

Change Chrome DevTools Placement (Undock, Dock To Bottom, Dock To Left)

By default DevTools is docked to the right of your viewport. You can also dock to bottom, dock to left, or undock to a DevTools to a separate bottom.

Dock To Left.
Figure 1. Dock To Left.
Dock To Bottom.
Figure 2. Dock To Bottom.
Undocked.
Figure 3. Undocked.

  1. Click Customize And Control DevTools Customize And Control DevTools and select Undock Into Separate Window Undock, Dock To Bottom Dock To Bottom, or Dock To Left Dock To Left.

    Selecting Undock Into Separate Window.
    Figure 4. Selecting Undock Into Separate Window.

Change placement from the Command Menu

  1. Open the Command Menu.

  2. Run one of the following commands: Dock To Bottom, Undock Into Separate Window. Currently there is no command for docking to left, but you can access it from the main menu.

    The undock command.
    Figure 5. The undock command.

Feedback

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.