永无止境if(live){ Ux & Design & Life }

之前有同事和我说safari打开支付宝生活助手首页的时候，页面很混乱，怀疑是演示丢失的问题：

仔细看一下就知道是由于其中的css及js文件丢失造成的，但是为什么是safari才会出现呢？显而易见是safari的某一项设置对这个页面上的css以及js文件进行了过滤，最有可能的就是安全设置了。再仔细查看页面，发现头部和尾部的样式都是正常的，这两部分的样式都是以“https://img.alipay.com”开头的，而中间出现问题的部分是以”https://static.alipay.com”开头的。原因就找到了，safari对这两个域名的解析不一致，从而使不能解析出来的部分无法正常显示，页面就出现了错乱。

找到原因之后再来想解决办法就很好办了，我们把任何一个以”https://static.alipay.com”开头的文件完整的url在safari浏览器中打开，比如说:https://static.alipay.com/css/pa/frame/v1.css 然后你就会发现浏览器无法显示其中的内容，并且弹出一个安全限制的窗口，里面明确指出了static.alipay.com并没有被safari识别，你可以添加安全例外来使其通过safari的浏览器过滤。接下来就简单很多了，添加安全例外，确定之后就能看到显示正常的文件内容，同时页面中相应调用文件内容的部分也能正常显示了。在执行完对有问题部分文件的例外添加之后，页面所有有问题的部分都一切正常了。

当然，这个问题不单单是支付宝会遇到的问题，相信其他网站也会遇到，方法和原理都是一样的。但是想一下看看，为什么头部和尾部都显示正常呢？因为它们调用的文件是以“https://img.alipay.com”开头的，而https://img.alipay.com是很早以前的静态文件域名。这样我就想应该是新的域名还没有注册安全级别，在对安全级别要求比较高的浏览器比如safari上就显示不正常，static.alipay.com就是后来启用的域名。并且也和safari的版本有关，了解到出现问题的电脑都是在最近一次升级之后才会有的，也就是说safari的升级准确说是version4.0.1版本之后都会有遇到。

ps：最近mac ox的升级还是挺频繁的，但是升级之后也出现不少问题。期待9月份发布的snowleopard,届时会有如何的反应呢？拭目以待吧～