Introduction
Navigating the mobile landscape can be challenging, especially when ensuring your website or web app is fully responsive. With Marker.io, we've streamlined the process, making reporting feedback on mobile devices more straightforward than ever. In this guide, we'll walk you through the best ways to do so.
Ensuring Responsiveness: A Two-Pronged Approach
Utilizing the Mobile Widget
Once you've embedded the Marker.io widget using the Javascript snippet, it becomes accessible on mobile devices, mirroring its desktop functionality. This allows for real-time feedback right from the device in question. For a more tailored experience, refer to our Widget Targeting page to display the widget to specific user groups.
Desktop Mobile Device Simulation
Google Chrome's Developer Tools offer a built-in feature to simulate various mobile devices. This is invaluable for developers aiming to understand their site's appearance and behavior across different mobile platforms. For a detailed walkthrough on leveraging this tool, check out our step-by-step guide below.
Open Google Chrome on your desktop.
Navigate to the website or web page you'd like to inspect.
Open Chrome Developer Tools. You can do this by:
Right-clicking anywhere on the page and selecting "Inspect", or
Using the shortcut:
Ctrl+Shift+I(on Windows/Linux) orCmd+Option+I(on macOS).
Toggle the Device Toolbar. This will switch the view from desktop to mobile:
Click on the icon that looks like a phone and tablet in the top-left corner of the Developer Tools pane.
Alternatively, use the shortcut:
Ctrl+Shift+M(on Windows/Linux) orCmd+Option+M(on macOS).
Once you're in the mobile view, you can submit feedback via marker.io
Cross-browser integrations
BrowserStack
BrowserStack is more than just another testing service. It's a gateway to real-time cross-browser compatibility checks on genuine browsers. By integrating Marker.io's browser extension during your BrowserStack tests, you can:
Capture feedback or bugs instantly.
Access comprehensive technical data about the emulated BrowserStack device, ensuring your developers can replicate and address the issue in the exact environment.
See our BrowserStack guide here for details on how to get started.
The Future: Native App Testing with Marker.io
We're always looking to expand our horizons. While Marker.io doesn't currently support bug reporting for native apps, it's on our radar. We value your input, so if native app testing resonates with you, please cast your vote and share your thoughts. Every comment brings us a step closer to making this feature a reality.