Polypane is a browser designed for responsive design, accessibility, performance testing, and meta information analysis. Integrating Polypane with Marker.io allows for simple bug reporting and issue collection, excellent to improve your exisintg QA process.
Setting Up Polypane Integration
To enable the Polypane integration, ensure you've set up a project on app.marker.io. Check our Get Started Academy for help.
Create an account on Polypane.
Authenticate with Marker.io.
The Integrations popover is visible above each Pane by clicking the 🧩 icon.
Select the "Marker.io" tab > Choose "Select New project".
Choose your project.
Go back to Polypane
Activate the Marker.io integration by enabling the Active checkbox.
Now the marker.io widget appears on your Pane.
Repeat for other panes where required.
Benefits of Polypane Integration
Using Marker.io within Polypane to report issues automatically includes deep technical data. This helps developers reproduce and understand issues quickly. The captured data includes:
Page URL
Browser information
Browser viewport dimensions
Screen Size
Operating system
With this information, your developers can quickly reproduce the bug in the same environment.
Example Usage
Reporting with Polypane
Below we use Polypane to report on a 1024 X 768 pane.
Sample Issue page
Below is a sample issue page containing the Polypane session information, including the viewport/pane dimensions used during the reported issues.
*image to be updated*
Sample PM/Issue tracker page
The Polypane device information is also sent to the PM/Issue tracking tool you integrated with. Our sample Trello issue is below.
Need Help?
If you have any questions, comments, or corrections, chat with us at the bottom right of our web pages.