How to reposition Chrome Developer Tools

by

Chrome 46 or newer

Click the vertical ellipsis button ( ⋮ ) then choose the desired docking option.

Chrome 45 or older

Long-hold the dock icon in the top right. It pops up an option to change the docking

To change the split between the HTML and CSS panels, go in DevTools to Settings (F1) > General > Appearance > Panel Layout.

More Related Contents:

  1. Disabling Chrome cache for website development
  2. “CAUTION: provisional headers are shown” in Chrome debugger
  3. Is there a way to get the XPath in Google Chrome?
  4. Using Chrome’s Element Inspector in Print Preview Mode?
  5. How do you inspect the web inspector in Chrome?
  6. What does ==$0 (double equals dollar zero) mean in Chrome Developer Tools?
  7. What’s the difference between “Normal Reload”, “Hard Reload”, and “Empty Cache and Hard Reload” in Chrome?
  8. How to change chrome packaged app id Or Why do we need key field in the manifest.json?
  9. Chrome stalls when making multiple requests to same resource?
  10. Automatically open Chrome developer tools when new tab/new window is opened
  11. Chrome DevTools Devices does not detect device when plugged in
  12. Bizarre Error in Chrome Developer Console – Failed to load resource: net::ERR_CACHE_MISS
  13. Making HTTP Requests using Chrome Developer tools
  14. Chrome: Source of Post Data?
  15. How to search all loaded scripts in Chrome Developer Tools?
  16. “Inspect” a hover element?
  17. Remote Debugging for Chrome iOS (and Safari)
  18. Chrome not showing OPTIONS requests in Network tab
  19. Multiple URLs copy in Sources/Network tab
  20. Understanding Chrome network log “Stalled” state
  21. Chrome 84 Inspect element, find results not highlighted in yellow like before
  22. Chrome developer tools workspace mappings
  23. Chrome Dev Tools: How to trace network for a link that opens a new tab?
  24. How to block a URL in Chrome’s developer tools network monitor
  25. Chrome Console SameSite Cookie Attribute Warning
  26. Chrome remote debugging doesn’t work with IP
  27. How to get list of network requests done by HTML
  28. Why do browser implementations of HTTP/2 require TLS?
  29. HTML 5 Video “autoplay” not automatically starting in CHROME
  30. Chrome debugging – break on next click event

Leave a Comment