028-86261949

当前位置:首页 > 技术交流 > Axure预览技巧与其相关问题

Axure预览技巧与其相关问题

2017/03/23 12:01 分类: 技术交流 浏览:243

学习AXURE时,我们都会对所编辑的原型进行预览查看,根据预览设置的不同可以看到不同的显示信息,而且如果预览设置不正确,那么在加载的时候会出现预览不了的情况,让很多刚开始接触AXURE的同学无从下手。那么现在源码时代的老师就来给大家说说关于AXUER的预览设置方法和问题以及解决办法。

1、在AXURE菜单栏中打开 发布-预览选项(Ctrl+F5)

2、在预览选项中—“配置”选项保持默认

3、该窗口中是显示电脑中已安装的浏览器,单击相关选项可以选择用什么浏览器打开或者不打开预览
 

默认浏览器:指电脑默认指定的浏览器(可以手动指定默认浏览器)

火狐浏览器:需要安装火狐浏览器

IE浏览器:WIN系统自带的IE浏览器

当然还有360、金山猎豹、QQ浏览器等都需要提前安装才能在这里显示并提供选择

要注意的是:勾选哪个浏览器,就是指定AXURE在预览时用该浏览器打开预览

比如这里选择默认浏览器打开预览时就是系统指定的360浏览器

勾选火狐

打开预览时就是火狐浏览器

在上图中我们还看到,弹窗提示指定将火狐设定为默认浏览器,如果单击确定,那么再将预览查看浏览器选择为默认浏览器时,在预览中打开的浏览器就是火狐

4、好现在我们来说说“预览选项中的——工具栏”

 4.1:开启页面列表:勾选后在预览浏览器中会显示页面的树桩结构

 4.2:关闭页面列表

 4.3:最小化工具栏(打开/关闭对比)

  

 4.4:不加载工具栏:预览时没有页面列表和工具栏

通过上面的讲解,很多同学应该都知道该怎么设置预览选项了!

5、好了接下来说说预览时出现的问题:

勾选相关浏览器后会出现无法预览的情况,这里我用净网大师浏览器来做示范(大多数童鞋都是用的该浏览器)这个时候需要安装浏览器插件,这个插件需要到官网去下载

5.1:我们这里用另外一种方法:先单击“发布-生成HTML文件”

指定存放位置,勾选指定浏览器,单击生成按钮导出HTML文件夹

5.2:找到该目录并找到“resources”文件夹

 

5.3:双击resources文件夹找到chrome文件夹并双击进去:如下图

5.4:打开净网大师浏览器找到“扩展中心”(其它浏览器也是一样)


5.5:打开扩展中心,把 该文件拖拽到扩展中心里松开即可

5.6:松开后弹窗提示安装AXURE插件,点击添加扩展程序即可,注意勾选:允许访问文件网址

5.7:现在我们就安装完成插件了,安装好的插件会在扩展程序中显示出来 

5.8:再去点击预览或者点击生成的HTML试试看

打开后的效果:

这就是Axure的预览技巧和它的相关问题,希望对你们有帮助。

#标签:UI设计,Axure预览,源码时代