Narzędzia do przechwytywania i konwertowania Internetu
Społeczność online GrabzIt

Problemy z generowaniem obrazu dla div z osadzonym wewnątrz

Cześć,

Jestem płatnym klientem, który próbuje uzyskać zrzut ekranu elementu <div> zawierającego tweet osadzony ze znakiem wodnym. Problem w tym, że dostaję zrzut ekranu tylko znaku wodnego. Oto mój kod ... co robię źle?

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

<Style>


#tweet {
position: relative;
indeks Z: 1! ważne;
szerokość: 500 pikseli! ważne;
margines lewy: -8px;
margines na górze: -10px;
}

.znak wodny {
pozycja: absolutna;
góra: 60 pikseli;
po lewej: 100px;
indeks Z: 10! ważne;
display: <? php if ($ _ GET ['znak wodny'] == 0) {$ znak wodny = "brak"; } elseif ($ _ GET ['znak wodny'] == 1) {$ znak wodny = ""; } echo $ znak wodny; ?>;
}

#tweet iframe {
granica: brak! ważne;
box-shadow: brak! ważne;
}

.copywrite p {
pozycja: absolutna;
po lewej: 0;
margines na górze: -9px;
rodzina czcionek: Gotham, „Helvetica Neue”, Helvetica, Arial, „sans-serif”;
rozmiar czcionki: 12px;
kolor: # a2a6a8;
}
</ Style>

<title> Tweet Screen Shot Feeder </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 = "znak wodny" />
</ Div>
<div class = "copywrite">
<p> Zrzut ekranu z tweeta autorstwa <strong> https://sane.social </strong> © w dniu <? php echo („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, {

rozmowa: „brak”, // lub wszystkie
karty: „widoczne”, // lub widoczne
motyw: „jasny” // lub ciemny
})

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

});
</ Script>

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

</ Body>
</ Html>

Pytanie zadał GrabzIt Support w poniedziałek, 2 marca 2020 11:56:19

Nie sądzę, że jest to problem z GrabzIt, ale z bezpieczeństwem Twitter API. Prawdopodobnie nie lubi być używany na tymczasowej stronie HTML. Zamiast tego należy zmienić kod, aby zamiast tego używał adresu URL:

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

Odpowiedzi udzielił GrabzIt Support w poniedziałek, 2 marca 2020 12:23:40 PM