一键Get两招,让你轻松查看Axure页面代码

使用Axure RP绘制网页原型图 , 如果想要查看页面源代码 , 该用什么方法呢?很简单 , 我们可以通过两种方法来查看Axure页面代码 , 具体操作如下 。
如何查看Axure页面的代码?方法一
打开Axure RP软件 , 新建一些元件 , 点击菜单栏的【发布】——【预览】功能 ,

一键Get两招,让你轻松查看Axure页面代码


在浏览器中打开开发者工具 , 或者直接按F12快捷键 ,
一键Get两招,让你轻松查看Axure页面代码


在这里可以看到页面的代码 , 如图 ,
一键Get两招,让你轻松查看Axure页面代码


方法二
打开Axure RP软件 , 点击菜单栏的【发布】——【生成html文件】 , 快捷键是F8 ,
一键Get两招,让你轻松查看Axure页面代码


选择一个文件夹 , 因为生成的文件较多 , 如图 ,
一键Get两招,让你轻松查看Axure页面代码


可以在生成的文件中找到代码文件 , 如图 ,
一键Get两招,让你轻松查看Axure页面代码


【一键Get两招,让你轻松查看Axure页面代码】总结:查看Axure RP页面代码的方法有两种 , 一是使用浏览器开发者工具 , 二是导出html5页面文件 。

    推荐阅读