Polypane comes with a list of pane presets in four different categories: Mobile, Tablet, Desktop and Other. To use a custom preset list, save a file called pane-sizes (no extension) in this directory:
A copy of the default file can be found here: pane-sizes. In this file you can add, remove or rename categories and presets. You can add as many groups as you want (so you could split 'Mobile' into 'iOS' and 'Android' if you wanted to). Each group has a array of children, which have the following properties:
- key (the name)
- zoom (optional)
- screenType (Can be either "desktop" or "mobile")
- pixelRatio (The device pixel ratio)
- userAgent (the prefered user agent)
supportsOrientation on a category determines if orientation should be taken into account for this category.
A future version of Polypane will provide a UI to manage device presets.
Is your question not answered?
Ask via Twitter, Slack or our contact form
The browser for developers and designers building amazing sites and web apps.Try for free