查看Axure页面的代码的操作方法。

今日就快来学习本文查看Axure页面的代码操作过程吧 , 相信在以后的使用中一定会得心应手的 , 一起来看看吧!
查看Axure页面的代码的操作方法

查看Axure页面的代码的操作方法。


方法一
打开Axure RP软件 , 新建一些元件 , 点击菜单栏的【发布】——【预览】功能 ,

查看Axure页面的代码的操作方法。


在浏览器中打开开发者工具 , 或者直接按F12快捷键 ,

查看Axure页面的代码的操作方法。


在这里可以看到页面的代码 , 如图 ,

查看Axure页面的代码的操作方法。


方法二
【查看Axure页面的代码的操作方法。】 打开Axure RP软件 , 点击菜单栏的【发布】——【生成html文件】 , 快捷键是F8 ,

查看Axure页面的代码的操作方法。


选择一个文件夹 , 因为生成的文件较多 , 如图 ,

查看Axure页面的代码的操作方法。


可以在生成的文件中找到代码文件 , 如图 ,

查看Axure页面的代码的操作方法。


总结:查看Axure RP页面代码的方法有两种 , 一是使用浏览器开发者工具 , 二是导出html5页面文件 。
以上就是我为大家分享的全部内容了 , 更多软件教程可以关注本站

    推荐阅读