使用 iframe-resizer 获取视口尺寸

Question

我的 iframe-resizer 运行良好，但我无法从 iframe 内容中确定视口 width/height。我发现我可以调用 parentIFrame.getPageInfo(callback)，但我得到的对象看起来像这样：

{
  clientHeight: 6009,
  clientWidth: 1680,
  iframeHeight: 5968,
  iframeWidth: 1230,
  offsetLeft: 0, 
  offsetTop: 40,
  scrollLeft: 0,
  scrollTop: 580
}

我希望 clientWidth 和 clientHeight 成为 window 视口 width/height。 clientWidth 看起来正确，但 clientHeight 看起来像 iframeHeight + offsetTop + 1px，而我的浏览器 window 的高度约为 1000px。我是误会了 clientWidth/clientHeight 的意思还是我做错了什么？

Answer 1

我发现问题在于主页没有在其页面顶部设置 DOCTYPE。一旦将 <!DOCTYPE html> 添加到页面顶部，它就起作用了！

使用 iframe-resizer 获取视口尺寸

Getting viewport dimensions with iframe-resizer

iframe-resizer