Tips & Tricks #34

Can I inspect the browser's developer tool?

Chrome, Edge, Opera

1. Inside devtools, press Cmd+Shift+I or Ctrl+Shift+I to inspect the devtools panel itself using new instance of devtools.

2. Important to note, you can keep using this shortcut to inspecting new instance of devtools recursively.

canidev.tools/inspect-devtools/chrome

---

Firefox

1. Open Devtools Settings (F1) > Under Advanced Settings, enable "Enable browser ... toolboxes" and "Enable remote debugging".

2. Open Firefox Menu (via hamburger icon) > More tools > Browser Toolbox. You’ll be able to inspect the browser’s chrome windows and see, and be able to debug, all the JavaScript files loaded by the browser itself and by any add-ons that are running.

canidev.tools/inspect-devtools/firefox