Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to resize IE Developer tools when they are too big for the window

I've been assigned to look at an IE only JavaScript issue. As such I wanted to use the IE Developer tools. I last used these when I was in the office with the computer plugged into a large monitor. Now I'm at home and have a smaller screen.

When I open the developer tools I'm finding that they are sized too large to fit into a maximized window. As such I have no access to the tabs to switch page etc. Any idea how to resize the developer tools to get out of this?

enter image description here

like image 495
Martin Brown Avatar asked Jun 28 '17 13:06

Martin Brown


People also ask

How do I make developer tools smaller?

Hover your mouse to developer tools then hold the CTRL , scroll up or down the wheel of your mouse. Hold CTRL and SHIFT then press + or - , it will change your screen resolution.

What is F12 in browser?

The F12 tools screenF12 tools provide a set of tools that you can use to design, debug, or view webpage source code and behavior. F12 tools can be opened in a separate window or pinned to the bottom of the webpage that you're debugging.


2 Answers

Ctrl+P worked best for me.

When the debugger is in the foreground, Ctrl+P unpins the debugger (rather than executing a "Print" command).

like image 103
Benjamin Avatar answered Jan 04 '23 12:01

Benjamin


There may be other ways to solve this but here is what I actually did:

  1. Un-maximize the browser window
  2. Make the window as big as possible without maximizing it
  3. Use the title bar to drag the window as far down as possible so that the window is hanging off the bottom of the screen
  4. Use the mouse to resize the window by dragging the top edge of the window up
  5. The tabs were then displayed.
like image 22
Martin Brown Avatar answered Jan 04 '23 11:01

Martin Brown