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 que paga e intento obtener una captura de pantalla de un elemento <div> que contiene un tweet incrustado superpuesto con una marca de agua. El problema es que solo obtengo una captura de pantalla de la marca de agua. Aquí está mi código ... ¿qué estoy haciendo mal?

<! doctype html>
<Html>
<head>
<meta charset = "utf-8">

<style>


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

marca de agua {
position: absolute;
arriba: 60px;
izquierda: 100 px;
índice z: 10! importante;
display: <? php if ($ _ GET ['watermark'] == 0) {$ watermark = "none"; } elseif ($ _ GET ['marca de agua'] == 1) {$ marca de agua = ""; } echo $ marca de agua; ?>;
}

#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;
}
</ style>

<title> Alimentador de captura de pantalla de Tweet </title>
<script src = "https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"> </script>
</ Head>

<body>

<div class = "tweet-wrapper" id = "content">
<div id = "tweet" tweetID = "<? php echo $ _GET [" tweetid "];?>"> </div>
<! - <div id = "tweet" tweetID = "1223594060818059264"> </div> ->

<img src = "images / watermark.png" class = "marca de agua" />

<div class = "copywrite">
<p> Captura de pantalla de Tweet <strong> https://sane.social </strong> © en <? php echo date ("M. d, Y"). "<br>";?> </p>

<script sync src = "https://platform.twitter.com/widgets.js"> </script>

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

});


<div id = "tweetshot"> </div>
<script type = "text / javascript">
GrabzIt ("XXXX ="). ConvertPage (window.location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}). AddTo ("tweetshot");


</ Body>
</ Html>

Preguntado por GrabzIt Support el lunes 2 de marzo de 2020 11:56:19 AM

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 lunes 2 de marzo de 2020 12:23:40 PM