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

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

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

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

首先打开Axure软件,然后分为两种方法:

第一种方法:

首先选择发布--生成html文件,快捷键是F8;

Axure查看页面代码的详细操作方法截图

然后选择一个文件夹,因为生成的文件较多;

Axure查看页面代码的详细操作方法截图

最后在生成的文件中找到代码文件;

Axure查看页面代码的详细操作方法截图

第二种方法:

我们首先打开Axure软件,新建一些元件;

Axure查看页面代码的详细操作方法截图

然后我们选择发布--预览功能;

Axure查看页面代码的详细操作方法截图

接着在浏览器中打开开发者工具,或者使用F12快捷键;

Axure查看页面代码的详细操作方法截图

最后在这里可以看到页面的代码;

Axure查看页面代码的详细操作方法截图

根据上文为你们讲解的Axure查看页面代码的详细操作方法,你们是不是都学会啦!