那天赶原型给对接的同事,急着要线上预览,才一头扎进去研究axure怎么导出html,本来以为点几下就能搞定,结果导出打包好发给对方,对方点开链接直接打不开,当时整个人都慌了,手里还堆着别的页面要调整。
一开始随手点了顶部菜单栏里的发布,选了生成HTML文件,路径就直接选在了桌面,没多想别的,弹窗里的选项大多都没改动,确认之后软件跑了一小会儿,文件夹很快就出来了。打开文件夹看里面一堆零散文件,有html后缀的页面,还有配套的资源文件夹,当时还觉得没问题,直接把整个文件夹压缩,丢到聊天框发了过去。
等了没几分钟,消息弹过来,说页面空白,点哪个链接都没反应,只有浏览器上面显示加载,半天出不来内容。
对着电脑来回试,双击那个index.html,本地打开居然是正常的,跳转页面、弹窗交互全都好好的,看不出半点异常。反复压缩重发两次,那边依旧打不开,猜是不是压缩的时候丢文件,又试着不打包,零散文件一个个传,传完之后还是不行,光标点导航栏的按钮一点动静都没有。
旁边坐的朋友凑过来瞟了一眼,说他之前也碰到过类似的情况,他导出之后是放到服务器或者在线托管链接上看的,直接传文件夹给别人本地打开,很容易出问题。我那会才反应过来,我一直默认只要导出html文件夹,发给别人就能直接点开用,压根没分清本地打开和分享给其他人访问是两回事。
又重新点开生成HTML的设置窗口,翻里面那些不起眼的勾选框,有一个是包含资源文件,之前好像是默认勾上的,还有一个是用相对路径,之前没留意它的状态,来回切换试了一遍,每改一次就重新导出一次,桌面堆了好几个版本的原型文件夹,名字只能靠加数字区分,到后面自己都分不清哪一份是刚导出的。
折腾好久才搞明白,就算导出的时候路径设置没错,直接发送文件夹,对方电脑的浏览器安全策略有时候会拦截原型里面的交互脚本,看着文件齐全,点击跳转的动作直接被卡住,页面就跟卡死了一样。不是导出操作做错了,是我搞错了使用的方式,html原型更适合放到线上地址去预览,单纯本地跨电脑传文件夹,稳定性很差。
也试过软件自带的云发布,生成一个在线链接,不用导出本地html,链接发过去之后,那边一下子就能正常浏览,所有交互都能跑起来。只是那个云空间有容量限制,原型文件一多,就要清理旧的项目,而且网络不稳的时候,加载速度慢得让人难受,有的动效会卡顿,和本地打开的流畅度没法比。
后面没有继续死磕本地html分享这件事,那次的原型最后就是用云链接交出去的,导出好的html文件夹就留在桌面,只留给我自己在本机核对交互细节。
到现在桌面上还留着那天导出的好几份html文件夹,里面的原型页面早就迭代改了很多版,那些文件已经没有用处,我也懒得删掉。