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

Problemas al generar imagen para div con incrustación dentro

Hola,

Soy un cliente de pago que intenta obtener una captura de pantalla de un elemento que contiene un tweet incrustado superpuesto con un watermark. El problema es que obtengo una captura de pantalla watermark. Aquí está mi código ... ¿qué estoy haciendo mal?







#Pío {
position: relative;
índice z: 1! importante;
ancho: 500 px! importante;
margen izquierdo: -8px;
margen superior: -10px;
}

.watermark {
position: absolute;
arriba: 60px;
izquierda: 100 px;
índice z: 10! importante;
monitor:watermark'] == 0) {$watermark = "ninguno"; } elseif ($ _ GET ['watermark'] == 1) {$watermark = ""; } echo $watermark; ?>;
}

#tweet iframe {
borde: ninguno! importante;
box-shadow: ninguno! importante;
}

.copywrite p {
position: absolute;
izquierda: 0;
margen superior: -9px;
Familia tipográfica: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 12px;
color: # a2a6a8;
}


Alimentador de capturas de pantalla Tweet




">
-->

<img src="images/watermark.png "clase ="watermark"/>
</div>

Captura de pantalla del tweet de https://sane.social © en ";?>
</div>


window.onload = (function () {

var tweet = document.getElementById ("tweet");
var id = tweet.getAttribute ("tweetID");

twttr.widgets.createTweet (
id, tweet, {

conversación: 'ninguno', // o todos
tarjetas: 'visible', // o visible
tema: 'claro' // u oscuro
})

.then (función (el) {
el.contentDocument.querySelector (". footer"). style.display = "none";
});

});




GrabzIt ("XXXX ="). ConvertPage (window.location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}). AddTo ("tweetshot");



Preguntado por GrabzIt Support el 2 de marzo de 2020

No creo que esto sea un problema con GrabzIt sino con la seguridad de Twitters API. Probablemente no le gusta ser utilizado dentro de una página HTML temporal. En su lugar, debe cambiar su código para usar la URL:

.ConvertURL (location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}). AddTo ("tweetshot");

Respondido por GrabzIt Support el 2 de marzo de 2020