我正在尝试为推文设置样式并使用 html2canvas 制作屏幕截图。我使用 Twitter Widget twttr.widgets.createTweet来渲染推文,然后从 shadow-root DOM 中获取元素。直到几天前,它在最新的 Chrome 浏览器中运行良好。现在我无法获得#shadow-root 元素,只有 iframe。代码是:
<div id="tweet" tweetID="1276058326954938368"></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,
{
conversation : 'none',
theme : 'light'
})
.then (function (el) {
el.shadowRoot.querySelector(".footer").style.display = "none";
});
});
</script>
看起来像: screenshot_1 现在看起来像: screenshot_2
你有什么想法?这可能与chrome更新有关吗?