捕获和转换Web的工具
GrabzIt的在线社区

嵌入内部时生成div图像的问题

你好,

我是一位付费客户,试图获取<div>元素的屏幕截图,该元素包含嵌入了水印的tweet。 问题是我只有水印的屏幕截图。 这是我的代码...我在做什么错?

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

<STYLE>


#tweet {
位置:相对;
z-index:1!重要;
宽度:500px!
左边距:-8px;
上边距:-10px;
}

.watermark {
位置:绝对;
顶部:60px;
左:100px;
z-index:10!重要;
显示:<?php if($ _ GET ['watermark'] == 0){$ watermark =“ none”; } elseif($ _ GET ['watermark'] == 1){$ watermark =“”; 回声$水印; ?>;
}

#tweet iframe {
边界:无重要!
box-shadow:无!重要;
}

.copywrite p {
位置:绝对;
左:0;
上边距:-9px;
字体家族:Gotham,“ Helvetica Neue”,Helvetica,Arial,“ sans-serif”;
font-size:12px;
颜色:#a2a6a8;
}
</风格>

<title>推特屏幕快照进纸器</ 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 =“ 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(
id,tweet,{

对话:“无”,//或全部
卡:“可见”,/或可见
主题:“浅” //或暗
})

.then(function(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 (“ tweetshot”);
</ SCRIPT>

</ BODY>
</ HTML>

由GrabzIt支持在2年2020月11日,星期一上午56:19:XNUMX询问

我认为这不是GrabzIt的问题,而是Twitters API的安全性。 它可能不喜欢在临时HTML页面中使用。 相反,您应该更改代码以使用URL:

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

2年2020月12日,星期一,由GrabzIt支持人员回答