Strumenti per acquisire e convertire il Web
La community online di GrabzIt

Problemi nella generazione dell'immagine per div con incorporamento interno

Ciao,

Sono un cliente pagante che cerca di ottenere una schermata di un elemento <div> contenente un tweet incorporato sovrapposto a una filigrana. Il problema è che ottengo uno screenshot della sola filigrana. Ecco il mio codice ... cosa sto facendo di sbagliato?

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

<Style>


#tweet {
position: relative;
indice z: 1! importante;
larghezza: 500 px! importante;
margine-sinistra: -8px;
margine superiore: -10px;
}

.watermark {
posizione: assoluta;
in alto: 60px;
sinistra: 100px;
indice z: 10! importante;
display: <? php if ($ _ GET ['watermark'] == 0) {$ watermark = "none"; } elseif ($ _ GET ['watermark'] == 1) {$ watermark = ""; } echo $ watermark; ?>;
}

#tweet iframe {
bordo: nessuno! importante;
box-shadow: nessuno! importante;
}

.copywrite p {
posizione: assoluta;
sinistra: 0;
margine superiore: -9px;
famiglia di caratteri: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 12px;
color: # a2a6a8;
}
</ Style>

<title> Alimentatore di schermate 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 = "filigrana" />
</ Div>
<div class = "copywrite">
<p> Schermata del Tweet scattata da <strong> https://sane.social </strong> © alla data dell'eco <? php ("M. d, Y"). "<br>";?> </ P>
</ Div>

<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, {

conversazione: 'none', // o all
carte: 'visibile', // o visibile
tema: 'chiaro' // o scuro
})

.then (function (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>

Chiesto da GrabzIt Support lunedì, 2 marzo 2020 11:56:19

Non penso che questo sia un problema con GrabzIt ma con la sicurezza dell'API di Twitter. Probabilmente non gli piace essere utilizzato all'interno di una pagina HTML temporanea. Invece dovresti cambiare il tuo codice per usare invece l'URL:

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

Risposta di GrabzIt Support lunedì 2 marzo 2020 12:23:40 PM