iframe - 获取带有脚本标签的 iframe 内容的大小

iframe - get the size of iframe content which has script tags

我想获取具有一些 <script> 标记的 iframe 内容的大小。那些 <script> 会动态呈现附加内容。

这是一个代码笔:https://codepen.io/ygygy/pen/YzQpdoV?editors=1010。 (您可以使用变量 instagramtwitter 来渲染。)

是否可以得到那个内容大小?我不想具体回答,比如使用document.getElementsByClassName("twitter-tweet")

你可以用 Element.getBoundingClientRect() 查看更多详情 here

在将未知元素写入文档之前将其包装起来,然后使用具有已知 ID 的 div 像这样

doc.write(`<div id='my-div'>${instagram}</div>`);

然后

document.getElementsById("my-div").getBoundingClientRect()