javascript - How to resize Chrome Dev Tool? - Stack Overflow

admin管理员组

文章数量:1301533

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?

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?

• javascript
• google-chrome

Share Follow edited Dec 9, 2020 at 12:31 Puteri 3,78944 gold badges1515 silver badges3535 bronze badges asked Dec 8, 2020 at 19:14 Brent FortuneBrent Fortune 8322 silver badges99 bronze badges

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 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.

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

On Mac: Press Command + 0

some characters to meet the 30 char restriction.

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./docs/devtools/shortcuts

I hope this helps solve your issue!

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.

本文标签： javascriptHow to resize Chrome Dev ToolStack Overflow