How to resize Chrome Dev Tool?

Question

I approached my Google Chrome dev tools, only to find that some sort of setting was changed and I have no way to fix it. For some reason my whole developer tools pane is so small that I cannot see anything on it. I tried the following:

1. Zoom in and out CMD + / CMD -

2. Uninstalled and re-installed Google chrome

Still no success, Any advice?

Answer 1

To resize the Chrome Developer Tools on macOS, i was use the following keyboard shortcuts:

• To zoom out and make the Developer Tools smaller, use Cmd + - (minus).
• To zoom in and enlarge the Developer Tools, use Cmd + ^ (caret).

But the homepage explains that can use

• Cmd + - (minus) : zoom out
• Command+Shift++ : zoom in
• Command+0 : Restore default zoom level with https://developer.chrome.com/docs/devtools/shortcuts

I hope this helps solve your issue!

Answer 2

On Mac: Press Command + 0

some characters to meet the 30 char restriction.

Answer 3

If you want to zoom in or zoom out the web screen try the following shortcut options that are working on me(Chrome OS):

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

Answer 4

When the development tools panel has focus just press CTRL + or CTRL - to increase or decrease the font size.

Answer 5

In the top right of the developer tools, there is a settings icon. If you click on it you can change preferences such as font size and color, etc. This should fix it.