I have a webapp that I want to save the HTML of to create a static version of a page I can send to someone. Obviously 'save as' won't work.
Is there a way to save the currently displayed DOM as HTML, even when it has been created by javascript?
Update with more information
Apparently it's not clear what I'm asking. I have an ember app. The index.html page contains:
<!DOCTYPE html> <html lang="en"> <body> <script> window.AppENV = {{ENV}}; window.EmberENV = window.AppENV.EmberENV; </script> <script src="assets/vendor.js"></script> <script src="assets/app.js"></script> <script> window.App = require('app/app')['default'].create(AppENV.APP); </script> </body> </html> I also have a template like:
<ul> {{#each thing in things}} <li>{{thing.title}}</li> {{/each}} </ul> When I load this app in my browser, the underlying HTML will in the DOM will be something like this, and this is what I want to save directly:
<!DOCTYPE html> <html lang="en"> <body> <ul> <li>my thing 1</li> <li>my thing 2</li> </ul> </body> </html> So how can I save the HTML generated by my app as a static page like this? Using the browser's 'Save as' only saves the raw index.html. It doesn't traverse the DOM and dump the generated HTML which is what I want (at least it doesn't in chrome).
