Developer tools

Being a browser for developers, of course the developer tools are easily reachable, either by clicking the button in the address bar, or by pressing F12 or shift cmd/ctrl i. Polypane contains the full set of Chromium developer tools.

Using shift cmd/ctrl c, or by right clicking an element, you can do "Inspect element"

Devtools and isolated panes

When using isolated panes, the devtools button in the header will change to an "inspect element" icon and clicking it will turn inspect element on. You can then inspect all panes to select an element. Clicking the element will open the devtools for that pane, with the element selected in the "element" panel.

Each pane gets its own dedicated devtools and with it a dedicated devtools button ( )in the pane header. Clicking this will open the devtools or refocus it. When the devtools is already open, the icon will have a blue dot.

When any pane logs an error in their console, that pane's devtools will have a red dot.