In Internet Explorer 11 (IE11), is there a way to move the F12 Tools window to be on the side instead of the bottom of the window?
I know I can unpin it and treat it like a regular window, but I like to keep my debug window attached to my pages... I already have plenty of windows open everywhere.
To access IE Developer Tools, you launch Internet Explorer and press F12 on your keyboard or select “F12 Developer Tools” on the “Tools” menu. This opens the developer tools inside the browser tab.
In the developer Tool Window, On the top right corner you'll see three vertical dots. click it, and on the top you'll see "Dock Side" option. From this option you can change the setting.. i.e. to open the developer tool in the same webpage..
It was introduced as a toolbar for Internet Explorer 6 and 7. Internet Explorer 8 and later have developer tools built in. It allows validating of CSS and HTML, previewing page layout at various resolutions, and also offers a ruler (measuring in pixels) to aid in positioning the elements.
No, there is no way of doing this. It is a known feature request however.
As David said there's no way to do this, even for Edge currently, but there is a workaround...
Press F12 to bring up dev tools in Edge.
Click on the dock button above once you open dev tools (icon next to 'X')
This undocks the dev tools then press: CTRL+SHIFT+WINDOWS BUTTON + RIGHT ARROW to move the undocked dev tools to the right of the screen and you can use your mouse to adjust the width of the dev tools relative to your main window. Hopefully one day it'll be out of the box as it is in Chrome and Firefox ;-).
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With