Some of your customers may be viewing your page on a desktop, some on mobile and some on a tablet. It is useful to see how your page performs when configured to different experiences. Below is a guide on how to do this.

  1. In your domain, click on the vertical ellipsis in the top right hand corner > more tools > developer tools

2. Click toggle device toolbar (or Ctrl + Shift + M)

3. Click on the drop down arrow in the top panel labelled responsive

4. Here you will be able to change the viewport at the click of a button (simulating how webpages would be seen on different devices)

When the viewport is changed (via the steps above) the Dragonfly AI Extension will update the feed to analyse the webpage in that context, allowing for quick and powerful testing across multiple devices/channels.

Next up: CSS Selectors

Did this answer your question?