Outils pour capturer et convertir le Web
Communauté en ligne de GrabzIt

Problèmes de génération d'image pour div avec intégration à l'intérieur

Bonjour,

Je suis un client payant qui essaie d'obtenir une capture d'écran d'un élément contenant un tweet incorporé superposé avec un watermark. Le problème est que je reçois une capture d'écran de watermark. Voici mon code ... qu'est-ce que je fais de mal?







#tweet {
position: relative;
z-index: 1! important;
largeur: 500 px! important;
marge gauche: -8px;
marge supérieure: -10px;
}

.watermark {
position: absolue;
haut: 60px;
gauche: 100px;
z-index: 10! important;
afficher:watermark'] == 0) {$watermark = "aucun"; } elseif ($ _ GET ['watermark'] == 1) {$watermark = ""; } echo $watermark; ?>;
}

#tweet iframe {
frontière: aucun! important;
box-shadow: aucun! important;
}

.copywrite p {
position: absolue;
gauche: 0;
marge supérieure: -9px;
famille de polices: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 12px;
couleur: # a2a6a8;
}


Chargeur de capture d'écran Tweet




">
-->

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


Capture d'écran du Tweet par https://sane.social © sur ";?>


window.onload = (fonction () {

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

twttr.widgets.createTweet (
identifiant, tweet, {

conversation: «aucun», // ou tous
cartes: 'visible', // ou visible
thème: 'clair' // ou sombre
})

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

});




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



Interrogé par le support GrabzIt le 2 mars 2020

Je ne pense pas que ce soit un problème avec GrabzIt mais avec la sécurité de l'API Twitters. Il n'aime probablement pas être utilisé dans une page HTML temporaire. Au lieu de cela, vous devez modifier votre code pour utiliser l'URL à la place:

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

Réponse du support GrabzIt le 2 mars 2020