test

if you put the page in the state where is is showing the responsive layout that you want, and the dynamic content that you want, then that is what teh FF plugin will capture and show in the gallery. The content of the snapshot taken does not define the data collected (the URL does this) - it just defines what is shown in that snapshot view.

Appreciate the idea, yet to give it a try after FF plugin. Meanwhile are we talking about responsive webscreen or dynamic content, because am wondering how would capturing correct state depends on the personalized/other variants of content which was not rendered would get captured in snapshot.

How to take a combined desktop/tablet/mobile snapshot for a dynamic page

1. Must use Firefox plugin – no other capture option captures the state of a dynamic page

2. Set device capture time to give you time to get page into correct state (make sure browser is not in full screen as this breaks the capture)

3. Make sure developer tools are open to disable the cache and put the page in the state required

4. Take the snapshot and wait for the tablet new window to open

5. Put the page in the state required (within the delay time set in the extension)

6. Wait for the mobile new window to open

7. Put the page in the state required (again quickly)

8. Check the snapshot worked in Tealeaf

Is a great idea

The Firefox plugin lets you do this. It also lets you group dynamic pages for multiple responsive layouts via the 'delay' setting