Below we dive into how you can report website and web application issues on mobile devices using Marker.io.
Two Approaches to Reporting Mobile Issues
1. Reporting Directly from Your Mobile Device
The Marker.io widget can be easily added to your website and works on both mobile and desktop devices. Here's how you can use it:
Add the Widget: First, ensure that you've added the Marker.io widget to your website. This requires a small piece of JavaScript code. (You might need some help from your web developer to get this set up!)
Report Issues: Once the widget is installed, you can report issues directly from your mobile device, just as you would on a desktop. This allows you to capture problems or suggestions instantly.
Customization: You can tailor the widget to target specific user groups, so they get the best experience while using your site. For more details, visit our Widget Targeting page.
2. Simulating Mobile Devices on Desktop
f you prefer to work from your desktop, you can simulate a mobile device using Google Chrome's Developer Tools. This is a great way to see how your site appears on various mobile platforms. Here's how to do it:
Open Google Chrome on your desktop.
Go to the website you want to inspect.
Open Developer Tools:
Right-click anywhere on the page and select Inspect, or
Use the shortcut: Ctrl + Shift + I (Windows/Linux) or Cmd + Option + I (macOS).
Toggle the Device Toolbar to switch to mobile view:
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 (Windows/Linux) or Cmd + Option + M (macOS).
Submit Issues: Once in mobile view, you can report issues using the Marker.io widget.
Reporting Issues with Cross-browser Integrations
Using BrowserStack
BrowserStack is a tool for checking how your website performs across various browsers and devices. By integrating Marker.io’s browser extension with BrowserStack, you can:
Capture Issues Quickly: Report any issues or bugs as soon as they appear.
Gather Technical Data: Collect detailed information about the device being emulated, which helps developers reproduce and fix the issues accurately.
See our BrowserStack guide here for details on how to get started.
Native App Testing with Marker.io
Currently, Marker.io is designed for websites and web apps. However, we're looking into options for native app issue reporting. If this interests you, please vote for that feature here. Every vote and comment helps us prioritize new features!
Need Help?
If you have any questions, comments, or corrections, chat with us at the bottom right of our web pages.