经过3天的努力,前端响应式核心页面手机站终于算告一段落,接下来我们还会慢慢的完善兼容性,同时还会针对pad进行相应升级。
本次升级主要针对核心页面,如:首页、关于我们、案例展示、观点动态、设计服务、联系我们,暂时不对次要页面进行优化升级,如:有效执行、设计优势、中小企业、合作流程、网站地图、法律声明、及设计服务里的详细介绍页等,主要还是考虑到手机网站简洁实用为前提。
升级过程中的烦恼:
由于之前2.0的代码写的比较草率(其实在当初已经感觉很好了),在升级过程中很多代码需要绕着写,给升级带来了很多小麻烦,所以在首页的设计服务里不得已直接将整个网站页面已图片浏览的形式进行输出。
最让人头痛的其实是首页视频遮挡问题,HTML5响应式代码后,在安卓系统微信自带浏览器上video视频标签可以通过CSS禁止播放,但在IOS系统上,微信则是全屏直接打开播放的,这个给用户浏览带来很大没法,我们想了很多种CSS屏蔽办法,带最终还是失败了。最后通过PHP的浏览器判断才得以解决。
在本次升级过程中,其实技术人员非常抱怨在原有的老代码上进行升级的,还不如直接重新写一套前端呢,这样顾虑少,还操作自由。但为了避免前端重新书写给搜索引擎带来不必要的麻烦,所以最后还是坚持在现有的2.0上进行3.0升级。
注:本次网站响应式升级至支持手机竖屏浏览,暂不支持手机横屏浏览及pad浏览。