javascripthtmlgoogle-chromeweb-inspector

How to drag/re-position inspect element tool in google chrome?


I am using Google Chrome browser. I did right click -> inspect element to open up the inspect element tool. This is what I currently see on my screen

enter image description here

Is there a way I can re-position/move the inspect element tool to the bottom of the browser screen? I tried looking this up https://www.google.com/#q=drag+and+drop+inspect+element but only found results for shortcuts to open the inspect element tool.


Solution

  • You should be able to click and hold the little "two squares" icon next to the "close" icon, and it will reveal an option to move the DevTools to the bottom:

    screenshot

    The half-filled rectangle will move the DevTools to the side/bottom, and the overlapping squares will pop the DevTools out of your browser into a separate window.