|Axure教程：获取页面尺寸、内联框架自适应大小( 二 )

示例代码中的626w是随意设置的iframe宽度，也可根据变量修改。 [[size]]就是全局变量size ，可以在IDE当中直接引用。
为了方便大家以后搜索，我用到的函数列举一下：

$axure.setGlobalVariables[name,value]：赋值axure的全局变量，可以跨页面使用，无法通过代码创建，需要在Axure的IDE当中先定义变量；
document.documentElement.scrollHeight：页面内容高度，一个很常规的HTML对象属性，只是在Axure IDE当中没有被暴露，可写在JS代码里。

当能获取页面尺寸，并通过全局变量修改iframe尺寸以做到自适应以后，我们就可以不再依赖“Axure母版”这个有限的玩法了，菜单框架页面做好，其他的内容页面可以随意做，并且多人协作时不再出现已放置在页面中的母版同步时效的问题。
并且使用浏览器本身的页面滚动条，要比iframe的滚动条要美观很多。
今天的文章比较干，或者说比较枯燥，本来还有一个很长的文章想要写的，虽然例子已经做好，主要是解决了Axure的IDE里面怎么通过JS代码准确定位到元件，以获得更多的自由度去封装应用。
考虑到内容更干所以还在酝酿怎么措辞，会尽快发布。
回到做这个系列的初衷，还是为了让懂代码的同事能预先用JS与原生IDE组合的方式，把一些组件预先根据团队的视觉交互规范封装好，以便不懂代码的同事可以方便并快速的使用来搭建交互原型。
关注我，下周会放出包括之前文章相关的源文件。
作者：ELement；公众号：ElementChen
本文由 @ELement 原创发布于人人都是产品经理，未经作者许可，禁止转载。
【|Axure教程：获取页面尺寸、内联框架自适应大小】题图来自Unsplash ，基于CC0协议。