أدوات لالتقاط وتحويل الويب
مجتمع GrabzIt على الإنترنت

مشاكل في إنشاء صورة لـ div مع تضمين داخلي

مرحبا،

أنا عميل مدفوع أحاول الحصول على لقطة شاشة لعنصر <div> يحتوي على تغريدة مضمنة بعلامة مائية. المشكلة هي أنني أحصل على لقطة للعلامة المائية فقط. إليكم الكود ... ماذا أفعل الخطأ؟

<! doctype html>
<HTML>
<HEAD>
<meta charset = "utf-8">

<نمط>


# تغريدة {
الموقف: النسبية.
مؤشر z: 1 مهم ؛
العرض: 500 بكسل!
الهامش الأيسر: -8px ؛
أعلى هامش: -10px ؛
}

.علامة مائية {
موقف: المطلق؛
أعلى: 60 بكسل ؛
اليسار: 100 بكسل ؛
مؤشر z: 10 مهم ؛
عرض: <؟ php if ($ _ GET ['علامة مائية'] == 0) {$ watermark = "none"؛ } elseif ($ _ GET ['علامة مائية'] == 1) {$ watermark = ""؛ صدى علامة مائية $؛ ؟> ؛
}

#tweet iframe {
الحدود: لا شيء!
مربع الظل: لا شيء!
}

.copywrite p {
موقف: المطلق؛
اليسار: 0 ؛
أعلى هامش: -9px ؛
font-family: Gotham ، "Helvetica Neue" ، Helvetica ، Arial ، "sans-serif" ؛
فونت-سيز: شنومكسبس؛
اللون: # a2a6a8 ؛
}
</ النمط>

<title> Tweet Screen Shot Feeder </title>
<script src = "https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"> </script>
</ رئيس>

<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 = "watermark" />
</ div>
<div class = "copywrite">
<p> شاشة التغريدة التي التقطها <strong> https://sane.social </strong> © بتاريخ <؟ php echo date ("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 (
معرف ، سقسقة ، {

محادثة: "لا شيء" ، // أو الكل
البطاقات: "مرئية" ، // أو مرئية
موضوع: "النور" / أو الظلام
})

.ثم (الوظيفة (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}). AddTo ("tweethot") ؛
</ script>

</ BODY>
</ HTML>

سألته GrabzIt Support في 2 مارس 2020

لا أعتقد أن هذه مشكلة في GrabzIt ولكن مع أمان Twitters API. ربما لا يحب استخدامه داخل صفحة HTML مؤقتة. بدلاً من ذلك ، يجب عليك تغيير الكود لاستخدام عنوان URL بدلاً من ذلك:

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

أجاب عليها دعم GrabzIt في 2 مارس 2020