Eu tenho um webapp que eu quero salvar o HTML para criar uma versão estática de uma página que eu possa enviar para alguém. Obviamente, 'salvar como' não funcionará.
Existe uma maneira de salvar o DOM atualmente exibido como HTML, mesmo quando ele foi criado pelo javascript?
Atualize com mais informações
Aparentemente, não está claro o que estou perguntando. Eu tenho um aplicativo de brasa. A página index.html contém:
<!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>
Eu também tenho um modelo como:
<ul>
{{#each thing in things}}
<li>{{thing.title}}</li>
{{/each}}
</ul>
Quando carrego este aplicativo no meu navegador, o HTML subjacente no DOM será algo assim, e é isso que quero salvar diretamente:
<!DOCTYPE html>
<html lang="en">
<body>
<ul>
<li>my thing 1</li>
<li>my thing 2</li>
</ul>
</body>
</html>
Então, como posso salvar o HTML gerado pelo meu aplicativo como uma página estática como essa? Usar o "Salvar como" do navegador salva apenas o index.html bruto. Ele não percorre o DOM e despeja o HTML gerado, que é o que eu quero (pelo menos não no chrome).
O Chrome e o Firefox salvarão uma cópia da página como é atualmente exibida (ou seja, usando o DOM atual) com Ctrl + S / Save Page As... se você escolher Web page, complete .
Para informações, se Web page, HTML only for selecionado, você receberá o HTML inicial.
Experimente esta página por exemplo.
Tags javascript