Documentation
Learn how Polypane improves your workflow
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