当我们设计和使用大屏模板或大屏报表时，浏览器将需要全屏显示和预览。通常我们需要通过键盘F11来切换浏览器的全屏效果。但是我们也发现了一个问题，我们面对的很多客户不理解F11可以是全屏的，这给产品设计和沟通带来了不便。那么，Axure如何引用前端JS代码实现浏览器全屏效果？如果你也有着同样的疑惑，不妨往下看？
另，Axure产品需求原型图不会画？来，专业讲师教你0基础学习Axure，快速从产品小白到原型大神~提供7套（不断更新）Axure原型交互自学视频课，无论新老手都可以综合学习掌握~
Axure通过引用前端JS代码实现浏览器全屏效果教程：
步骤一：
打开Axure，拉取一个动态面板，创建2个State面板。一个面板里放一个矩形，命名为：全屏。另一个命名为：退出。如图：
步骤二：全屏交互制作
打开Axure，进入-全屏面板，点击添加鼠标点击事件，打开-当前链接-fx。
将前面准备好的全屏JS代码复制到FX里保存即可。要注意的是开头必须要加。javascript:
设置面板切换效果，如图，当点击时面板切换为退出面板。
步骤三：退出交互制作
打开Axure，进入-退出面板，点击添加鼠标点击事件，打开-当前链接-fx。
同样的将前面准备好的退出全屏JS代码复制到FX里保存即可。通样要注意的是开头必须要加。javascript:
至此，保存文件F5预览试试吧。
以上就是羽兔为大家分享的“Axure如何引用前端JS代码实现浏览器全屏效果？”相关内容了，怎么样？是否对你的Axure原型图绘制有所帮助！学Axure，单一知识恐难全面产品原型交互，不如更多Axure文章展开学习~其实，Axure本身只有几个常用的功能，新手也能够从界面功能摸透！所以如果你准备学习Axure的话，就可以先从功能开始着手学习，然后再深入交互原理哦！