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 na segunda-feira, 9 setembro, 2019 07: 55: 34 PM

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

Respondida por GrabzIt Support na segunda-feira, 9 em setembro, 2019 08: 00: 44 PM

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?

Respondida por Josh Wiley na segunda-feira, 9 em setembro, 2019 09: 12: 02 PM

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.

Respondida por GrabzIt Support na segunda-feira, 9 em setembro, 2019 09: 23: 00 PM

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

Respondida por Josh Wiley na terça-feira, 10 em setembro, 2019 01: 32: 18 AM

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");

Respondida por Josh Wiley na terça-feira, 10 em setembro, 2019 02: 52: 11 AM

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?

Respondida por Josh Wiley na terça-feira, 10 em setembro, 2019 05: 35: 56 AM

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

Respondida por Josh Wiley na terça-feira, 10 em setembro, 2019 01: 50: 40 PM

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.

Respondida por GrabzIt Support na terça-feira, 10 em setembro, 2019 01: 56: 16 PM

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.

Respondida por GrabzIt Support na terça-feira, 10 em setembro, 2019 02: 28: 31 PM

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.

Respondida por Josh Wiley na terça-feira, 10 em setembro, 2019 06: 46: 52 PM

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.

Respondida por GrabzIt Support na terça-feira, 10 em setembro, 2019 06: 55: 18 PM

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.

Respondida por Josh Wiley na terça-feira, 10 em setembro, 2019 09: 48: 05 PM