Tips & Tricks #6

Can I zoom in and out in the devtools panel?

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