1.Open Overlay Heatmap.
2.Right-click anywhere on the web page and choose ‘Inspect Element‘.
3. In the Element panel, click ‘Show drawer’ to the right (1), and then ‘Emulation‘ (2). Click the phone icon if Emulation is disabled (3).
Switch the device in the Model drop-down menu.
4.Select the device you like to display the web page in and click ‘Refresh‘ to reload the Heatmap.
Some Plug-ins can be installed on Chrome for faster switching between devices. Below we’ll explain how to install User-Agent Switcher.
2.Click the ‘Get more extensions‘ link to enter Google Webstore. Search for “User-Agent Switcher for Chrome.” Click the ‘Free‘ button to download and install the plugin.
3.After the plugin has been installed, an icon will appear in the upper right corner of the browser, see the image below.
4. Clicking this icon will let you switch between various devices. Refresh the Heatmap after selecting a new device.
1.Open Firefox and go to ‘Tools‘ –> ‘Add-ons‘. Sometimes you have to press the Alt key to make the toolbar visible.
2.Search for ‘Configuration Mania’ in the search bar and click ‘Install‘.
3.After the Add-on has been successfully installed, ‘Configuration Mania’ should now be visible in the drop-down toolbar. Go to ‘Tools‘ –> ‘Configuration Mania‘.
4.Locate User-Agent to the left and click ‘Preset‘ to change device. Exit Configuration Mania window and click ‘Refresh‘.
3. Click the ‘Advanced’ tab and check the box ‘Show Develop menu in menu bar.
4. Exit the ‘Advanced‘ window and hit Alt key to display the toolbar. Go to ‘Develop‘ –> ‘User Agent‘ to switch device.
5. Refresh the Heatmap.
If you have any questions or concerns, please reach out to us at email@example.com or use the bottom right-hand tab to send our support desk a message. We look forward to helping you succeed.