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"

Consider the Polypane element inspector and unified console

Instead of using the devtools element inspector, consider using the Polypane elements panel, which will let you edit style, content and attributes in all panes at the same time for a much nicer experience.

With the Polypane Console you can view console messages from all panes and send console commands to all panes at the same time.

Console for a single pane

In Polypane the devtools work for all panes at the same time. What if you want to target a single pane in the console? You can change the javascript context by clicking the dropdown that says "top". In this dropdown you will see your URL once for each pane. Hover over one and you'll see the pane it applies to highlighted. When your pane is selected in this dropdown, the javascript context changes to the page.

Devtools and isolated panes

In Isolated panes, 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 any pane logs an error in their console, that pane's devtools will have a red dot.

Is your question not answered?
Ask via Twitter, Slack or our contact form

Build your next project with Polypane

  • Try all plans, all features
  • On Mac, Window and Linux
  • 14-day free trial – no credit card needed
Start free trialView pricing