Herramientas para capturar y convertir la web
Comunidad en línea de GrabzIt

Usando JavaScript de GrabzIt en local

¿Hay alguna manera de usar JavaScript de GrabzIt en mi página local y / o no pública?

Muchas Gracias

Preguntado por Josh Wiley el lunes, 9 septiembre, 2019 07: 55: 34 PM

Sí, solo llámalo desde localhost o incluso solo un archivo html y funcionará. Por favor, dime si tienes algún problema.

Respondido por GrabzIt Support el lunes, 9 septiembre, 2019 08: 00: 44 PM

OK gracias. Estoy empezando a entender esto un poco más. Estaba leyendo esta página: https://grabz.it/support/?uniqueId=html-tips.

Un par de preguntas sobre esto:

1) Si uso ConvertHTML, ¿el CSS debe estar dentro de Div del que estoy tratando de tomar una captura de pantalla? ¿O está bien tener hojas de estilo fuera de ese Div?

2) Algunas de las fuentes que estoy tratando de capturar no se muestran con la fuente correcta. ¿Se tratan las fuentes de manera diferente?

Respondido por Josh Wiley el lunes, 9 septiembre, 2019 09: 12: 02 PM

ConvertHtml puede convertir un string de HTML puede incluir el CSS, pero si no lo hace, deberá asegurarse de que cualquier hoja de estilo externa esté utilizando URL absolutas.

Las fuentes deberían funcionar si están referenciadas correctamente utilizando URL absolutas, etc. en el CSS.

Respondido por GrabzIt Support el lunes, 9 septiembre, 2019 09: 23: 00 PM

Gracias. Otra pregunta. ¿Hay alguna forma de escalar la imagen final sin tener un espacio en blanco a la derecha e inferior?

Por ejemplo, estoy tratando de capturar una Div que es 500x300 pero quiero escalarlo a 750x450. Cuando configuro el ancho en 750 y la altura en 450, crea una imagen 750x450, pero el div del que estoy tomando una captura de pantalla solo aparece como una imagen 500x300 y el resto del espacio está en blanco.

Muchas Gracias

Respondido por Josh Wiley el martes, 10 septiembre, 2019 01: 32: 18 AM

Además, he estado intentando ConvertPage y tampoco funciona, pero con resultados diferentes. A continuación se muestra un ejemplo de lo que hice. Sin embargo, corta la imagen y solo muestra aproximadamente la mitad.

GrabzIt ("CLAVE DE APLICACIÓN"). ConvertPage ({
"target": "#paddAroundExport",
"retraso": 3000,
"formato": "png",
"transparente": 1,
"bheight": -1,
"altura": -1,
"ancho": -1
}). AddTo ("finalImageID");

Respondido por Josh Wiley el martes, 10 septiembre, 2019 02: 52: 11 AM

Hola Josh,

Para su primera pregunta, puede establecer el tamaño del navegador en 500 by 300. Luego establezca el ancho más grande en ampliarlo.

Hay más información en el artículo vinculado.

En tu segunda point, ¿sería posible mirar la página con la que tiene problemas?

Respondido por Josh Wiley el martes, 10 septiembre, 2019 05: 35: 56 AM

Bien, veo cómo funciona la ampliación ahora para ConvertHTML. Gracias, eso es muy útil. Estaba un poco confundido por lo alto y ancho que eran. Me estoy acercando mucho con el uso de ConverHTML, pero algunas cosas todavía están apagadas. Esta opción puede ser difícil para mí porque todas las hojas de estilo deben ser accesibles, lo cual es difícil para mí, ya que necesito trabajar en mi versión local para probarla.

La opción ConverPage parece ser la mejor, pero estoy un poco más lejos de lograr que esta funcione. La mayor parte de lo que estoy haciendo es en mi local o detrás de un inicio de sesión. ¿Ayudarían las capturas de pantalla? ¿Quizás podría enviarte algunas capturas de pantalla por correo electrónico? Si no, tal vez pueda usar algo como JSFiddel para tratar de recrear el problema.

Muchas Gracias

Respondido por Josh Wiley el martes, 10 septiembre, 2019 01: 50: 40 PM

¿Todavía no puedes hacer referencia al CSS con URL absolutas? por ejemplo, https://www.example.com/styles/main.css

Una captura de pantalla no ayudaría mucho desafortunadamente, ya que no podríamos averiguar por qué solo está capturando parte del div. Si puede ponerlo en un archivo HTML separado o JSFiddle para que podamos ver el problema. Esperamos poder solucionarlo o asesorarlo.

Respondido por GrabzIt Support el martes, 10 septiembre, 2019 01: 56: 16 PM

Con respecto a CapturePage, acabo de recalcar cuál es el problema. El método CapturePage debe tener acceso a los recursos disponibles públicamente como se describe en Este artículo.

Respondido por GrabzIt Support el martes, 10 septiembre, 2019 02: 28: 31 PM

OK, estoy atrapado en cuál es mi mejor opción aquí. Creo que todavía no entiendo completamente lo que necesito hacer. Parece que la única opción que tengo para que esto funcione en mi local es usar ConvertHTML. ¿Es eso correcto?

No estoy seguro si haces esto, pero ¿sería posible que me conecte contigo por Zoom brevemente? Si puedo hacer que esto funcione como lo necesito, me actualizaré a Enterprise. Incluso estoy dispuesto a actualizar a Enterprise de inmediato si estás dispuesto a saltar a Zoom (puedo configurarlo). Creo que esto save Los dos tenemos tiempo para que podamos parar de un lado a otro.

Respondido por Josh Wiley el martes, 10 septiembre, 2019 06: 46: 52 PM

Ok, no he usado eso antes, pero lo intentaré.

¿Puede enviar los detalles a través de nuestro Formulario de contacto.

Respondido por GrabzIt Support el martes, 10 septiembre, 2019 06: 55: 18 PM

Gracias por la ayuda de hoy. Pude hacer que funcione con su ayuda y un detalle adicional. Agregué un div que envolvía el contenido que envié a través de convertHTML y uso la opción de destino para obtener ese div específico. Eso lo hizo funcionar perfectamente.

Me di cuenta de lo que estaba sucediendo cuando creé una página de prueba con el contenido exacto que estaba enviando a través de ConvertHTML. La imagen capturada estaba capturando una etiqueta de cuerpo que parece haber sido agregada por el navegador, aunque no estaba enviando una. No estoy seguro de si es mi culpa o un error en GrabzIt pero quería mencionarlo en caso de que sea un error.

Respondido por Josh Wiley el martes, 10 septiembre, 2019 09: 48: 05 PM