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

2019-05-20 10:19:00来源:下载之家作者:xzzj

AxureRP

AxureRP

软件类型:辅助设计 软件大小:143.07MB 软件平台:  PC  软件语言:简体中文

标签: axure rp 设计软件

查看详情

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

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

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

      方法一

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

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

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

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

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

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

      方法二

      打开Axure RP软件,点击菜单栏的【发布】——【生成html文件】,快捷键是F8,

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

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

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

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

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

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

      以上就是我为大家分享的全部内容了,更多软件教程可以关注下载之家