Open topic with navigation
AlertSite’s mobile web monitors simulate visiting your site from phones, tables and other mobile devices. You can use them to test your site as it appears on mobile devices.
You create mobile web monitors by recording user path through your website by using the DéjàClick recorder. DéjàClick is a browser extension for Firefox and Chrome. It can emulate mobile devices by changing the browser’s user agent string and screen size. This masquerades the browser as a mobile device, causing the web server to return the mobile version of the website. Once you have recorded a transaction, you can upload it as a monitor to run from AlertSite’s global monitoring locations.
In this tutorial, we will create a monitor for the mobile version of the IMDb website. The monitor will search for Matrix, and verify that the search results contain the 1999 movie The Matrix.
To create mobile web monitors, you need:
In this tutorial, we will use Firefox, but the procedure for Chrome is similar.
First, check if you have the DéjàClick toolbar in Firefox.
If you do not see this toolbar, install DéjàClick from the Firefox Add-ons website:
DéjàClick can emulate many popular mobile devices. You can see available devices in the list next to the button.
If the device you want to emulate is not in the list, you can add it. You need to know the device’s user agent string and its browser screen size.
If you have the device at hand, you can visit http://useragentstring.com from the device, and copy the user agent string from there.
If you do not have the device, you can look up its user agent string on these sites:
Or you can do a web search for "<device name> user agent string", for example, "iPhone 6 user agent".
Most user strings look like:
Mozilla/version (system information) browser information
For example, Safari on iPhone 6 with iOS 8.4 has the following user agent:
Mozilla/5.0 (iPhone; CPU iPhone OS 8_4 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12H143 Safari/600.1.4
You can find the browser resolution for various mobile devices here:
Or you can do a web search for "<device name> browser resolution", "<device name> CSS width" and "<device name> CSS height".
Note: The device’s browser resolution is not necessarily the same as the physical screen size. For example, iPhones and iPads with Retina display have double pixel density and display 1 browser pixel using 4 physical pixels (2×2). While iPhone 6’s physical resolution is 1334×750, its browser screen size is 667×375 pixels. DéjàClick uses the latter value as the screen size.
To add a new device:
Expand Mobile Options.
The Active Mobile Devices list contains devices that you can select for recording. The Available Mobile Devices list contains other predefined devices.
If your device is in the lower list, click it to move it to the upper list.
If neither list has the device you want to emulate, you need to add it.
Enter the device name, user agent string, browser screen size, and specify whether the device supports Adobe Flash and XHTML-MP (a legacy markup language for older phones that have WAP browsers). For example, to add iPhone 6 you can specify the following:
User Agent String: Mozilla/5.0 (iPhone; CPU iPhone OS 8_4 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12H143 Safari/600.1.4
You record transactions by performing actions in the browser, such as navigating through pages, filling out forms, clicking links and so on. DéjàClick will record all pages visited and actions performed.
Tip: During recording, wait for the pages to load completely before performing any actions on the page.
To record a transaction:
Click the down arrow next to the button, and select the mobile device you want to emulate. Let’s emulate iPhone 6 that we previously added.
This step is important, because if you do not select a device, DéjàClick will record the transaction in the desktop mode instead of the mobile mode.
The browser’s window is resized to match the screen size of the emulated mobile device, and the device details appear on the right.
Now all actions you take, until you stop recording, will be recorded as part of the transaction.
Open the starting page of your transaction, in our example – imdb.com. You will see the website’s mobile version.
Let’s search IMDb for movie titles containing matrix:
Type matrix into the search box, and press Enter.
You will see a page with the search results.
You can add validations to the transaction to make sure that the site contains correct information, and things are really working. For example, you can verify that a page has the “Contact Us” link, or the “Latest News” section, or that the search results contain the required items.
For our example, let’s verify that the IMDb search results contain the movie The Matrix.
DéjàClick switches into the keyword selection mode. As you move the mouse pointer over the page, DéjàClick automatically suggests the text under the pointer as a keyword.
The transaction will now raise an error if “The Matrix” does not appear in the search results.
Click on the DéjàClick toolbar to stop recording. The browser returns to normal mode.
To view the recorded script, click . The script opens in a sidebar next to the browser. As you select the pages and events in the script, the Properties tab shows their parameters. For a description of available properties, see DéjàClick Properties Sidebar.
Before uploading the recorded transaction to AlertSite, you need to verify it by playing the transaction locally to make sure it runs correctly.
Note: With this option the replay may take longer because DéjàClick calculates the render times of all pages visited.
If there was an error, try re-recording the transaction, or try adjusting playback parameters on the Properties tab. For troubleshooting tips, see DéjàClick Troubleshooting Guide.
Once the transaction has been verified, you can upload it as a monitor in AlertSite.
In the dialog that appears, configure the monitor:
A new monitor will be created in AlertSite for the uploaded transaction.
AlertSite will now run this transaction at the specified intervals, and report its results (OK/error), along with the total time taken to complete the transaction. You can see the monitor status on AlertSite’s dashboards. (You may need to wait a few minutes for the data to start appearing.)
AlertSite has four over-the-air (OTA) mobile monitoring locations within mobile carrier networks. Monitors that run from these locations run with the corresponding network speed, but will consume more measurement credits (see Usage-Based Monitoring).
|Location Name||Backbone||Connection||Supported Monitors|
|Fort Lauderdale, FL - ATT Wireless||AT&T Wireless||3G||+||+|
|Fort Lauderdale, FL - Sprint 3G Mobile||Sprint||3G||+|
|Atlanta, GA - ATT Wireless||AT&T Wireless||3G||+|
|Atlanta, GA – Sprint 4G Mobile||Sprint||4G||+|
To configure a monitor to run from mobile locations:
Select the check box next to the mobile locations you want to use. Type att wireless or sprint mobile into the search box to find mobile locations quickly.
The monitor will now emulate mobile devices connected via the selected carrier networks.