This is a feature request with low priority. The contextual menu in the inspector to take a screenshot of a node is fabulous. Very very useful. Sometimes to demonstrate an issue related to interaction such as mouse over or animation, etc, it will be very useful to have the possibility to take a movie of what is happening. It could also be useful for test scenario. There's probably ton of issues related to performances, memories, CPU, etc. So I put it here just to remember that it could be a cool feature.

It is a cool feature! By far the best workaround I can think of is to use the free licecap tool by Cockos: http://www.cockos.com/licecap/ I imagine the idea here would be to more precisely target a specific element, something that is at best very fiddly with licecap.

Cool idea indeed. I imagine we could take a sequence of screenshots whenever there are markup mutations *and* animation mutations (we have events for these too) on that node. This reminds me of an old addon I started to hack on earlier this year: DOM Profiler: https://github.com/captainbrosset/domprofiler Although the extension doesn't do this anymore, when I started it, it would take screenshots of the all page when there were events handled, markup mutations, and such, and would report a log of all these changes, along with the screenshot.

The idea is also similar to the filmstrip view Victor created for the canvas debugger, and the very similar filmstrip view chrome now has implemented to show page loads. Aside: I'm not crazy about how useful an actual filmstrip is, vs a single-frame viewer with a scrub widget. The details probably need some UX thinking.

Inspector bug triage (filter on CLIMBING SHOES).