Start monitoring today and get 20% off on your first invoice. Available on all Uptrends plans.

Mobile is everywhere, and testing transactions for desktop alone may not guarantee that your transactions work correctly for your mobile users. With Uptrends, you can use our Transaction Recorder to set up scripts for monitoring the mobile or responsive design version of your website by simulating a device's viewport. You simulate the device's viewport by using the mobile simulation mode in Chrome's developer tools. Here’s how.

  1. Start the Uptrends Transaction Recorder Chrome extension as you normally would, and a new browser window opens.
  2. Press the [F12] key to open the Chrome Developer Tools.
  3. Locate the Device Toolbar Toggle icon and click to enter device simulation mode.

    Location of Device Toolbar icon
  4. Adjust the device settings if necessary.
  5. Navigate to your mobile site.
  6. Click through your transaction.
  7. Upload to your account for scripting and testing yourself, or upload the script for Support to handle the scripting for you.
  8. Adjust the mobile monitoring settings in your new transaction monitor.

Learn more about using Device Mode in your Chrome browser.

Adjust the monitor settings for mobile monitoring

Now that you've recorded your transaction using the Chrome Dev Tools, you need to finish the mobile setup in your monitor settings.

  1. Open your new transaction monitor.  Monitors > Monitors
  2. Switch to the Advanced tab.
  3. Adjust your Screen size and choose a User agent or use a custom agent, or select Mobile simulation and choose one of the popular devices.
  4. Set Bandwidth throttling if you want to simulate the end-user experience fully. Learn more.

Monitor Advance settings for mobile simulation