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 uso o ConvertHTML, o CSS precisa estar dentro da Div da qual estou tentando capturar uma captura de tela? Ou é bom 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 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 minha melhor, mas estou um pouco mais longe de conseguir que esta funcione. A maior parte do que estou fazendo é no meu local ou atrás de um login. As capturas de tela ajudariam? Talvez eu possa lhe enviar algumas capturas de tela? Caso contrário, talvez eu possa usar algo como o 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 presa à minha melhor opção aqui. Acho que ainda não entendo 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 eu me conectar com você por meio do Zoom brevemente? Se eu conseguir que isso funcione conforme necessário, estarei atualizando para a empresa. Estou disposto a atualizar para o Enterprise imediatamente, se você quiser pular no Zoom (eu posso configurá-lo). Eu acho que isso 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 etiqueta corporal que parece ter sido adicionada pelo navegador, mesmo que eu não estivesse enviando uma. Não tenho certeza se isso é culpa minha ou um bug no GrabzIt, mas queria mencioná-lo no caso de ser um bug.

Respondido por Josh Wiley em 10 de setembro de 2019