Ferramentas para capturar e converter a Web
Comunidade Online de GrabzIt

Usando o javascript GrabzIt no local

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

 

obrigado

Perguntado por Josh Wiley em 9 de setembro de 2019

Sim, basta chamá-lo de localhost ou mesmo apenas 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/?uniqueId=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 é normal ter folhas de estilo fora dessa Div?

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

Respondido por Josh Wiley em 9 de setembro de 2019

ConvertHtml pode converter um string de 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 adequadamente referenciadas usando URLs absolutas etc. no CSS.

Respondido pelo suporte GrabzIt em 9 de setembro de 2019

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

Por exemplo, estou tentando capturar uma captura de tela de uma div que seja 500x300, mas quero escalá-la para 750x450. Quando defino a largura para 750 e a altura para 450, ele cria uma imagem 750x450, mas a div da qual estou tirando uma captura de tela aparece apenas como uma imagem 500x300 e o restante do espaço fica em branco.

 

obrigado

Respondido por Josh Wiley em 10 de setembro de 2019

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

 

GrabzIt ("CHAVE DE APLICAÇÃO"). ConvertPage ({
"target": "#paddAroundExport",
"atraso": 3000,
"formato": "png",
"transparente": 1,
"bheight": -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 como 500 by 300. Em seguida, defina a largura maior para amplie-o.

Há mais informações no artigo vinculado.

No seu segundo point, seria possível visualizar a página com problemas?

Respondido por Josh Wiley em 10 de setembro de 2019

OK, vejo como o dimensionamento funciona agora para o ConvertHTML. Obrigado, isso é muito útil. Fiquei um pouco confuso com o que eram a altura e a largura. Estou muito perto de usar o ConverHTML, mas algumas coisas ainda estão fora. Essa 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 é no meu local ou por meio de um login. As capturas de tela ajudariam? Talvez eu possa enviar algumas imagens para você? Se não, talvez eu possa usar algo como JSFiddel para tentar recriar o problema.

obrigado

 

Respondido por Josh Wiley em 10 de setembro de 2019

Ainda não é possível fazer referência ao 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 poderíamos entender por que ela está capturando apenas parte da div. Se você pode colocá-lo em um arquivo HTML separado ou no JSFiddle, para que possamos ver o problema. Esperamos poder corrigir 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 publicamente disponíveis, conforme descrito em Este artigo.

Respondido pelo suporte GrabzIt em 10 de setembro de 2019

OK, estou sem saber qual é a minha melhor opção aqui. Acho que ainda não entendi totalmente 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ê faria isso, mas seria possível para eu entrar em contato com você pelo Zoom brevemente? Se eu conseguir fazer com que isso funcione como preciso, irei atualizar para a Enterprise. Estou até mesmo disposto a atualizar para Enterprise imediatamente se você estiver disposto a usar o Zoom (posso configurá-lo). Eu acho que isso seria save nós dois tempo para que possamos parar de um lado para o outro. 

 

Respondido por Josh Wiley em 10 de setembro de 2019

Ok, eu não 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 mais um detalhe. Adicionei uma div que envolvia o conteúdo que enviei através do convertHTML e use a opção de destino para obter essa div específica. Isso fez funcionar perfeitamente. 

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

Respondido por Josh Wiley em 10 de setembro de 2019