前几天发现的一个淘宝WAP版的小BUG,就是用桌面版chrome看的时候产品评价中的图片显示不出来,都是图裂了。
这是什么原因呢?图片为什么会显示不出来呢?淘宝的技术人员、测试人员不可能没发现啊。开启F12审查大法,把图片URL复制出来到新的标签页打开,结果如下
什么鬼?!细看一下,确实是 taobao.com 的子域名啊,浏览器把 https 划掉了是什么意思呢?我把它放到火狐中打开,也是类似的提示~~那在手机中呢?根据我在红米手机中的测试来看,UC能正常显示所有图片,而QQ浏览器和原生浏览器都有连续会弹几个窗提示,似乎是每加载一张图片之前就弹出一次提示。微信就呵呵,阿里与腾讯两家茬架,微信根本就打不开淘宝系列的网页。
可以看出,这个确实是淘宝网官方的问题,应该是其中一些静态资源分发点的服务器没有配置SSL证书,或者配置SSL时没有对应到正确的域名,导致https不被承认。
而手机UC浏览器对网页内其它源的SSL证书不作安全鉴定,实则是一个安全漏洞(欢迎评论挖掘利用场景)。
根据chrome的报错详情来看,应该可以确认,淘宝静态资源使用了一个 *.alicdn.com 的SSL证书,这个系列的域名在淘宝网上的css、js以及天猫的图片上,但是淘宝其他商城的评论图片却不是 *.alicdn.com 而是 *.taobao.com。权衡来说,应该的修补方式是把淘宝商品评论的图片服务器也改为 *.alicdn.com 。