使 iframe 的高度和宽度的自动调整大小

• https://www.npmjs.com/package/iframe-resizer
• https://www.npmjs.com/package/iframe-resizer-react

被引用的 iframe 页面，需要引入该文件：

https://raw.githubusercontent.com/davidjbradshaw/iframe-resizer/master/js/iframeResizer.contentWindow.min.js

引用方使用：

import IframeResizer from 'iframe-resizer-react'

<IframeResizer
  log
  src="http://anotherdomain.com/iframe.html"
  style={{ width: '1px', minWidth: '100%'}}
/>

高度控制，根据 heightCalculationMethod 字段判断：

• bodyOffset uses document.body.offsetHeight
• bodyScroll uses document.body.scrollHeight
• documentElementOffset uses document.documentElement.offsetHeight
• documentElementScroll uses document.documentElement.scrollHeight
• max takes the largest value of the main four options
• min takes the smallest value of the main four options
• lowestElement Loops though every element in the the DOM and finds the lowest bottom point †
• taggedElement Finds the bottom of the lowest element with a attributedata-iframe-height

https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/parent_page/options.md

<IframeResizer
  src="http://anotherdomain.com/iframe.html"
  style={{ width: '1px', minWidth: '100%'}}
  heightCalculationMethod="lowestElement"
/>

如果以上判断还是无效，可以通过被引用的 iframe 页面，设置 iframe 的参数：

<script>
  let dom = document.querySelector('.test')
  window.iFrameResizer = {
    heightCalculationMethod: function(){
        return dom.offsetHeight
    }
  }
</script>
<script src="js/iframeresizer.contentwindow.js"></script>