Hi Guys,

Most of the web developers might wonder about how to move google chrome developer console from default position(bottom) to right hand side. Especially when we develop something for mobile and when we need to keep our screen portrait and need to see console all the time for error and all.

Something like this…

 

So How to do it??

Guys.. Its very simple and two step process. I searched a lot about this and that’s why thinking about sharing this.

Step 1.

Press F12 while chrome is open. It will open your developer console at its default position i.e bottom.

 

Now hold your mouse on the window kind icon  at the left bottom of the console.

While holding mouse on this perticular icon you will notice a another similar icon poped out.  

Keep your mouse on to this icon and release.

That’s it.

Your Mobile development environment is ready.

Cheers!