捕獲和轉換Web的工具
GrabzIt的在線社區

為嵌入內部的 div 生成圖像時出現問題

詢問有關如何捕獲或轉換網頁或HTML的問題 into圖像,CSV,PDF或DOCX文檔以及如何轉換視頻 into使用我們的API的GIF動畫。

你好,

我是一名付費客戶,試圖獲取以下內容的屏幕截圖包含推文嵌入的元素,上面覆蓋著 watermark。 問題是我只得到了屏幕截圖 watermark。 這是我的代碼...我做錯了什麼?







#推文{
位置:相對;
z 索引:1!重要;
寬度:500px!重要;
左邊距:-8px;
上邊距:-10px;
}

.watermark {
位置:絕對;
頂部:60 像素;
左:100px;
z 索引:10!重要;
展示:watermark'] == 0){ $watermark =“無”; } elseif($_GET['watermark'] == 1){ $watermark =“”; } 回顯 $watermark; ?>;
}

#tweet iframe {
邊框:無!重要;
盒子陰影:無!重要;
}

.copywrite p {
位置:絕對;
左:0;
上邊距:-9px;
字體系列:Gotham、“Helvetica Neue”、Helvetica、Arial、“sans-serif”;
font-size:12px;
顏色:#a2a6a8;
}


推文屏幕截圖饋送器




” >
-->

<img src="images/watermark.png“類=”watermark“/>


推文屏幕截圖由https://sane.social © 於 ”;?>


窗口.onload = (函數(){

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

twttr.widgets.createTweet(
ID、推文、{

對話 : '無', // 或全部
cards : 'visible', // 或可見
主題 : '淺色' // 或深色
})

.then(函數(el){
el.contentDocument.querySelector(".footer").style.display = "無";
});

});




GrabzIt("XXXX=").ConvertPage(window.location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}).AddTo (“推文截圖”);



GrabzIt 支持於 2 年 2020 月 XNUMX 日詢問

我認為這不是 GrabzIt 的問題,而是 Twitter API 的安全問題。 它可能不喜歡在臨時 HTML 頁面中使用。 相反,您應該更改代碼以使用 URL:

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

GrabzIt 支持人員於 2 年 2020 月 XNUMX 日回复