知识屋:更实用的电脑技术知识网站
所在位置:首页 > 电脑技术

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

发布时间:2019-05-21 17:29:28作者:知识屋

使用Axure RP绘制网页原型图,如果想要查看页面源代码,该用什么方法呢?很简单,我们可以通过两种方法来查看Axure页面代码,具体操作如下。

如何查看Axure页面的代码?

方法一

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

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

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

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

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

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

方法二

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

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

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

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

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

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

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

(免责声明:文章内容如涉及作品内容、版权和其它问题,请及时与我们联系,我们将在第一时间删除内容,文章内容仅供参考)
收藏
  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜