Intro to panel
The Polypane panel contains a number of tabs with different functionality. You can toggle it open with shift ctrl/cmd p, from the "View" menu or by clicking the side panel icon in the header. Drag the side of the panel to resize. The panel icon in the top right of the panel can be used to toggle between having the panel on the right side, the bottom or the left side of the window. You can right-click it to pick a side.
The panel has tools for different stages of your website/app development process.
The info tab has panels that give you information about the structure and contents of your website.
The Meta information panel gives you insights into the non-visual aspects of your website and generates social media previews.
The Outline tab shows you the HTML5 outline of your page, along with the elements used. It will highlight sectional elements that do not have a clear title.
Easily see your localStorage and cookies and edit their values in this panel.
Check your page for accessibility issues.
Show the generated HTML source.
The edit tab will let you change the contents and design of your page.
The elements panel lets you select and edit the content, style and attributes of elements in all panes at once.
The Polypane console is a combined console that lets you read console messages and send console commands in all panes at once.
With the Live CSS functionality in Polypane you can quickly style elements in all panes at once.
The devtools panel lets you use the Chromium devtools for an individual pane.
Handoff gives you quick access to various handoff tools or lets you browse to any website you want.
Manage and switch between your saved workspaces.
Have a question about Polypane?
Contact us any time though chat, Slack or our contact form:Contact Support
Build your next project with Polypane
- Use all features on all plans
- On Mac, Window and Linux
- 14-day free trial – no credit card needed