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

Question

我想得到一个有一些<script>标签的iframe内容的大小。这些<script>动态地呈现额外的内容。

这是一个codependency: https://codepen.io/ygygy/pen/YzQpdoV?editors=1010。(你可以使用变量instagram,twitter来渲染)

是否有可能获得内容大小?我不想要具体的答案，比如使用document.getElementsByClassName("twitter-tweet")。

Answer 1

您可以使用Element.getBoundingClientRect()在这里查看更多细节

获取未知元素，在将其写入具有已知id的div文档之前对其进行换行，例如

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

和

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