I am working on a project in which I need to take a dynamic website like adobe spark - https://spark.adobe.com/gallery/gallery-editors-choice/example/maggie-to-monte/ and create a static html+css page out of it. Later this page will be converted into a pdf.As I understand , the interactivity is mainly supported through Javascript which manipulate CSS+HTML . I want to know if there is a way to find all the states of the DOM of a given web page. As in it may require to simulate various events in the webpage and then capturing the state DOM after each event.Is there already any way to do it?Is the problem of writing a program to record all the states of a program is even possible ?
Converting dynamic webpage into static
algorithms;javascript;html