Can I DevTools?

Share this post

Tips & Tricks #6

canidevtools.substack.com

Discover more from Can I DevTools?

Get weekly tips & tricks for your favorite browser devtools, created by @pankajparashar.
Continue reading
Sign in

Tips & Tricks #6

Can I zoom in and out in the devtools panel?

Pankaj Parashar
Jul 18, 2022
Share this post

Tips & Tricks #6

canidevtools.substack.com
Share
canidev.tools/zoom-inout-devtools

Chrome/Edge/Opera

  1. In Developer Tools > Open Command Menu (Cmd+Shift+P or Ctrl+Shift+P) and Run > "Zoom in" or Cmd+ or Ctrl+ to increase the zoom level.

  2. Run > "Zoom out" or Cmd- or Ctrl- to decrease the zoom level.

  3. Run > "Reset zoom level" or Cmd+0 or Ctrl+0 to reset the zoom level.

canidev.tools/zoom-inout-devtools/chrome

Firefox

  1. In Web Developer Tools > Use Cmd+ or Ctrl+ to increase the zoom level. Use Cmd- or Ctrl- to decrease the zoom level. To reset the zoom level, press Ctrl+0 or Cmd+0.

canidev.tools/zoom-inout-devtools/firefox

Safari

  1. In Web Inspector > Use Cmd+ or Ctrl+ to increase the zoom level. Use Cmd- or Ctrl- to decrease the zoom level. To reset the zoom level, press Ctrl+0 or Cmd+0.

  2. (Or) Settings (Cmd,) > General > Zoom.

canidev.tools/zoom-inout-devtools/safari
Share this post

Tips & Tricks #6

canidevtools.substack.com
Share
Previous
Next
Comments
Top
New

No posts

Ready for more?

© 2023 Pankaj Parashar
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing