1

我正在尝试为推文设置样式并使用 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更新有关吗?

4

0 回答 0