Salve uma cópia exata de uma página segura na forma de gráficos vetoriais

Gostaria de salvar uma réplica exata de uma página da Web em forma de gráficos vetoriais, portanto não posso usar uma técnica de captura de tela (pois ela armazena a imagem em uma forma de gráficos rastor).

Eu tentei 'imprimir em pdf' e 'salvar como pdf' através do Safari, Chrome e Firefox. Isso funciona na maioria das vezes. No entanto, o pdf salvo não é uma réplica exata para todas as páginas da web. Por exemplo, tente salvar esta página da Web como PDF e observe como os ícones de votação positiva / negativa não estão incluídos no PDF salvo.

Eu também tentei salvar como um arquivo da Web com o Safari. O problema aqui é que preciso cortar o arquivo resultante e não sei como cortar um WebArchive, pois o Preview não pode abri-lo e ele simplesmente é aberto no Safari (volta à estaca zero).

Eu também tentei plugins de navegador da Web que fornecem uma solução com um clique para salvar a página da Web em pdf (formulário de gráficos vetoriais). Isso funciona melhor (a página exata é salva) e quase resolve o problema, exceto que esses programas funcionam enviando o URL da página para um programa baseado em nuvem para consultar e salvar a página. Isso significa que essa técnica não funcionará para sites https que precisam de minhas credenciais para fazer login.

Então, eu estou em um canto. Estou tentando salvar uma réplica exata de gráficos vetoriais de uma página da web que precisa que minhas credenciais de login sejam exibidas. Como posso fazer isso?

Você está obtendo resultados diferentes imprimindo a página em PDF do que quando visualiza a página na tela.

Isso acontece porque a página da web inclui uma folha de estilo CSS que altera a página quando está sendo impressa.

Esta pergunta o ajudará a evitar esse problema: Como imprimo com a folha de estilo da tela?

Siga as instruções para imprimir a página com a folha de estilo na tela.

Você poderá imprimir em PDF e obter o mesmo resultado que vê na tela.

Se você não tem medo de um pouco de script, pode tentar usar o aplicativo phantomjs para OSX em http://phantomjs.org/

Depois, você executaria o binário incluído usando o script rasterize.js com um comando como:

phantomjs.exe rasterize.js http://www.example.com/sitepage 8.5in*11in outfile.pdf

Algumas notas:

• É chamado de 'rasterize.js', mas o próprio texto é salvo no PDF como texto real.

• A autenticação em um site seguro usando a autenticação do Windows pode ser realizada adicionando algumas linhas ao script rasterize.js após a inicialização do objeto de página:

var page = require ('página da web'). create (),
    system = require ('sistema'),
    endereço, saída, tamanho;
    page.settings.userName = "serviceUserName"; // eu adicionei esses
    page.settings.password = "servicePassword"; // 2 linhas aqui

if (system.args.length 5) {