Ferramentas para capturar e converter a Web
Comunidade Online de GrabzIt

Usando javascript GrabzIt no local

Faça perguntas sobre como capturar ou converter páginas da Web ou HTML into imagens, documentos CSV, PDF ou DOCX, além de como converter vídeos into GIF animado usando nossa API.

Existe uma maneira de usar o javascript GrabzIt em meu local e/ou em uma página que não seja pública?

 

obrigado

Perguntado por Josh Wiley em 9 de setembro de 2019

Sim, basta chamá-lo de localhost ou mesmo apenas de um arquivo html e ele funcionará. Por favor, diga-me se você tiver algum problema.

Respondido pelo suporte GrabzIt em 9 de setembro de 2019

OK, obrigado. Estou começando a entender isso um pouco mais. Eu estava lendo esta página: https://grabz.it/support/article/html-tips/.

Algumas perguntas sobre isso:

1) Se eu usar o ConvertHTML, o CSS precisa estar dentro do Div do qual estou tentando fazer uma captura de tela? Ou não há problema em ter folhas de estilo fora desse Div?

2) Algumas das fontes que estou tentando capturar não aparecem com a fonte correta. As fontes são tratadas de maneira diferente?

Respondido pelo suporte GrabzIt em 9 de setembro de 2019

ConvertHtml pode converter um string do HTML, você pode incluir o CSS, mas se não o fizer, precisará garantir que qualquer folha de estilo externa esteja usando URLs absolutos.

As fontes devem funcionar se forem referenciadas corretamente usando URLs absolutos, etc. no CSS.

Respondido pelo suporte GrabzIt em 9 de setembro de 2019

Obrigado. Outra pergunta. Existe uma maneira de aumentar a imagem final sem deixar espaço em branco à direita e na parte inferior?  

Por exemplo, estou tentando fazer uma captura de tela de um Div de 500x300, mas quero ampliá-lo para 750x450. Quando defino a largura para 750 e a altura para 450, ele cria uma imagem de 750x450, mas o div do qual estou tirando uma captura de tela aparece apenas como uma imagem de 500x300 e o resto do espaço fica em branco.

 

obrigado

Respondido por Josh Wiley em 10 de setembro de 2019

Além disso, tenho tentado o ConvertPage e também não está funcionando, mas com resultados diferentes. Abaixo está um exemplo do que fiz. Ele corta a imagem e mostra apenas metade dela.

 

GrabzIt("CHAVE DE APLICATIVO").ConvertPage({
"target": "#paddAroundExport",
"atraso": 3000,
"formato": "png",
"transparente": 1,
"altura": -1,
"altura": -1,
"largura": -1
}).AddTo("finalImageID");

Respondido por Josh Wiley em 10 de setembro de 2019

Oi Josh,

Para sua primeira pergunta, você pode definir o tamanho do navegador para 500 por 300. Em seguida, defina a largura maior para aumentá-lo.

Há mais informações no artigo vinculado.

No seu segundo point, seria possível consultar a página com a qual você está tendo problemas?

Respondido pelo suporte GrabzIt em 10 de setembro de 2019

OK, vejo como funciona a expansão agora para ConvertHTML. Obrigado, isso é muito útil. Fiquei um pouco confuso com o que eram altura e largura. Estou chegando perto de usar o ConverHTML, mas algumas coisas ainda estão erradas. Esta opção pode ser difícil para mim porque todas as folhas de estilo precisam estar acessíveis, o que é difícil para mim, pois preciso trabalhar na minha versão local para testá-la.

 

A opção ConverPage parece ser a melhor, mas estou um pouco mais longe de fazer esta funcionar. A maior parte do que estou fazendo é localmente ou por meio de um login. As capturas de tela ajudariam? Talvez eu possa lhe enviar algumas capturas de tela por e-mail? Caso contrário, talvez eu possa usar algo como JSFiddel para tentar recriar o problema.

obrigado

 

Respondido por Josh Wiley em 10 de setembro de 2019

Você ainda não consegue referenciar o CSS com URLs absolutos? por exemplo, https://www.example.com/styles/main.css

Uma captura de tela não ajudaria muito, infelizmente, pois não seríamos capazes de descobrir por que ela está capturando apenas parte do div. Se você puder colocá-lo em um arquivo HTML separado ou JSFiddle para que possamos ver o problema. Esperamos poder consertar ou aconselhar sobre isso.

Respondido pelo suporte GrabzIt em 10 de setembro de 2019

Em relação ao CapturePage acabei de divulgar qual é o problema. O método CapturePage precisa ter acesso a quaisquer recursos disponíveis publicamente, conforme descrito em Este artigo.

Respondido pelo suporte GrabzIt em 10 de setembro de 2019

OK, não sei qual é a minha melhor opção aqui. Acho que ainda não entendi completamente o que preciso fazer. Parece que a única opção que tenho para que isso funcione no meu local é usar o ConvertHTML. Isso está correto?

Não tenho certeza se você faz isso, mas seria possível entrar em contato com você pelo Zoom brevemente? Se eu conseguir que isso funcione conforme necessário, atualizarei para o Enterprise. Estou até disposto a atualizar para o Enterprise imediatamente se você estiver disposto a usar o Zoom (posso configurá-lo). Eu acho que isso seria save nós dois temos tempo para que possamos parar de ir e voltar. 

 

Respondido por Josh Wiley em 10 de setembro de 2019

Ok, nunca usei isso antes, mas vou tentar.

Por favor, você pode enviar os detalhes através do nosso Formulário de Contato.

Respondido pelo suporte GrabzIt em 10 de setembro de 2019

Obrigado pela ajuda hoje. Consegui fazê-lo funcionar com sua ajuda e um detalhe adicional. Adicionei um div que envolve o conteúdo que enviei por meio do convertHTML e usei a opção target para obter esse div específico. Isso fez com que funcionasse perfeitamente. 

Percebi o que estava acontecendo quando criei uma página de teste com exatamente o conteúdo que estava enviando através do ConvertHTML. A imagem capturada estava capturando uma tag corporal que parece ter sido adicionada pelo navegador, embora eu não estivesse enviando nenhuma. Não tenho certeza se isso é culpa minha ou um bug no GrabzIt, mas gostaria de mencionar isso caso seja um bug.

Respondido por Josh Wiley em 10 de setembro de 2019