Axure RP 8 HTML原型跨浏览器兼容性终极解决方案
当你精心设计的Axure RP 8原型终于完成,满怀期待地将HTML文件打包发送给客户时,最尴尬的情况莫过于对方回复"打不开"。这不是个例——据统计,超过60%的产品经理在交付HTML原型时都遭遇过浏览器兼容性问题。本文将深入剖析这一痛点的技术根源,并提供一套无需安装插件、适用于所有浏览器的通用解决方案。
1. 问题诊断:为什么Axure RP 8原型在某些浏览器无法打开
Axure RP 8生成的HTML文件包含一个特殊的浏览器检测机制,这是导致兼容性问题的核心所在。当我们在Chrome浏览器中直接打开本地HTML文件时,系统会强制跳转到 resources/chrome/chrome.html 页面,要求安装Axure官方插件。
关键问题代码段分析 :
$(window).bind('load', function() {
if(CHROME_5_LOCAL && !$('body').attr('pluginDetected')) {
window.location = 'resources/chrome/chrome.html';
}
});
这段代码执行了三个关键判断:
-
CHROME_5_LOCAL:检测是否为Chrome浏览器 -
!$('body').attr('pluginDetected'):检查是否安装了Axure插件 - 如果前两个条件都满足,则执行页面跳转
这种设计原本是为了确保原型在Chrome中获得最佳展示效果,但却给实际交付带来了诸多不便。特别是在以下场景中问题尤为突出:
- 客户使用企业版Chrome,无法随意安装插件

551

被折叠的 条评论
为什么被折叠?



