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 of the window, or the bottom of the window.

The panel has tools for different stages of your website/app development process.

Info tab

The info tab has panels that give you information about the structure and contents of your website.

Meta

The Meta information panel gives you insights into the non-visual aspects of your website.

Outline

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.

Storage

Easily see your localStorage and cookies and edit their values in this panel.

Accessibility

Check your page for accessibility issues.

Edit tab

The edit tab will let you change the contents and design of your page.

Elements

The elements panel lets you select and edit the content, style and attributes of elements in all panes at once.

Live CSS

With the Live CSS functionality in Polypane you can quickly style elements in all panes at once.

Handoff/browse

Handoff gives you quick access to various handoff tools or lets you browse to any website you want.

Workspaces

Manage and switch between your saved workspaces.

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

We reinvented the browser

and made it perfect for web developers and designers.

Get Polypane

By using our site you agree to our privacy policy and disclaimer