Web Yakalama ve Dönüştürme Araçları
Grabz's Çevrimiçi Topluluğu

İçine katıştırılmış div için görüntü oluşturma sorunları

Merhaba,

Ben bir müşterinin ekran görüntüsünü almaya çalışan bir müşteriyim ile üst üste yerleştirilmiş bir tweet içeren öğe watermark. Sorun şu ki, yalnızca watermark. İşte kodum ... neyi yanlış yapıyorum?







#tweet {
position: relative;
z-endeksi: 1! önemli;
genişlik: 500 piksel!
sol kenar boşluğu: -8px;
kenar boşluğu: -10px;
}

.watermark {
position: absolute;
En: 60 piksel;
sol: 100px;
z-endeksi: 10! önemli;
Görüntüle:watermark'] == 0) {$watermark = "yok"; } elseif ($ _ GET ['watermark'] == 1) {$watermark = ""; } echo $watermark; ?>;
}

#tweet iframe {
sınır: hiçbiri! önemli;
kutu gölgesi: yok! önemli;
}

.copywrite p {
position: absolute;
: 0;
kenar boşluğu: -9px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 12px;
color: # a2a6a8;
}


Tweet Ekran Görüntüsü Besleyici




">
-->

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


Tweet ekranı https://sane.social © tarafından çekilmiş ";?>


window.onload = (işlev () {

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

twttr.widgets.createTweet (
kimlik, tweet, {

konuşma: 'hiçbiri', // veya tümü
kartlar: 'görünür', // veya görünür
tema: 'açık' // veya karanlık
})

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

});




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



2 Mart 2020'de GrabzIt Desteği

Bunun GrabzIt ile ilgili bir sorun olduğunu düşünmüyorum, ancak Twitters API'nin güvenliği ile ilgili. Muhtemelen geçici bir HTML sayfasında kullanılmayı sevmez. Bunun yerine kodunuzu URL'yi kullanacak şekilde değiştirmeniz gerekir:

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

GrabzIt Support tarafından 2 Mart 2020'de