Como espelhar a página da web incluindo o conteúdo gerado com JavaScript?

Question

Como exemplo, tentei salvar esta página da web usando o Firefox "Salvar Página Como > Página da Web, completo" , mas ele não salvou a seção de comentários (veja o arquivos salvos ). Eu suponho que isso é porque os comentários são gerados dinamicamente via JS.

Existe uma extensão de navegador, ou alguma outra coisa já implementada (por exemplo, um serviço da web), que poderia fazer algo como retirar o DOM inteiro do estado atual e salvá-lo?

Imprimir a página como PDF salva o conteúdo visto no navegador, mas o layout está todo bagunçado, e eu realmente quero salvar fonte e mídia da página (HTML, JS, CSS, gif, pngs, etc).

    

Answer 1

Os comentários realmente são realmente salvos (abra seu arquivo HTML dentro de um arquivo em um editor de texto). Eles simplesmente não são exibidos, porque o JavaScript nessa página os oculta no carregamento da página.

Para vê-los, você pode matar o JavaScript temporariamente antes de carregar a página, por exemplo, usando WebDeveloper add-on. Depois de instalá-lo, você terá uma nova barra de ferramentas adicionada e, em seguida, escolha a primeira guia "Disable" -> "Disable JavaScript".

No entanto, quando você carrega a página original sem JavaScript, os comentários não são exibidos. Então isso significaria que o Firefox lida com esse tipo de situação de forma graciosa. Eu nunca pensei sobre isso antes, porque eu raramente salvo páginas em disco.

    

Answer 2

Do lado do cliente, se você quiser salvar o estado conforme está sendo exibido, sua melhor (e provavelmente única) aposta é fazer uma captura de tela . Especialmente com conteúdos dinâmicos gerados automaticamente, como o que pode vir do Javascript do Flash, não há alternativas práticas reais (embora, dependendo da página que você está vendo, você possa, às vezes, se aproximar de algumas ferramentas).

Digitalizar e salvar o estado DOM é o que "Salvar como" já está fazendo. Como não há nenhum requisito para os dados terem qualquer estado inteligível ou de fácil salvamento incluído em qualquer parte do DOM, você perderá os detalhes, não importa o que tente se estiver dependendo apenas do DOM. Você teria que fazer coisas divertidas, como pausar e salvar o estado da VM Javascript no seu navegador, e restaurá-lo de alguma forma. Não importa a complicação do estado que atualiza regularmente com base em informações e dados armazenados em outros lugares na internet.

Não sei bem por que você está procurando também ter a mídia de versão do lado do cliente das páginas, mas que você já está recebendo o comando "Salvar página como".