青岛网站制作的Web开发中,遇到困难最多的一件事情就是创建一个能很好的跨越各种类型浏览器版本与各种设备的网站。青岛网站制作公司奈薇建站网科技在jQuery项目编写代码的时候也一直有这个问题。因此奈薇建站网科技整理了几条编码模式与经验来解决支持旧IE浏览器的技巧分享给大家。
1、JavaScript最大限度以用户体验为中心。
尽可能在Ready后立刻执行脚本。如果Ajax关系用户交互,越早请求越好,延迟加载非必要的脚本(如FacebookLike,Google+1,Twitter)等。
2、简洁、特定浏览器的css样式。
不要到处是无法重用的的id和class,避免使用“!imporant”。为html或body标签添加特定浏览器的class,并在css规则中使用。而不是hack。这样不但利于seo网站优化,更让二次开发提供便利。
3、不盲目使用polyfills和shims。
polyfills和shims提供了代码和标签,可以帮助模拟标准的API和功能,但在使用时一定要能保证实用,更便于以后的开发和修改。
4、使用模板如HTML5Boilerplate进行开发。
很多成熟的模板各方面都做得很到位,这些准则对以现代浏览器为目标的项目和需要旧浏览器(低至IE6都能很好的支持)支持的项目工作得一样好。直接拿来使用不但可以节省时间更能减少一些IE兼容问题。
5、使用标准是IE10来开发项目。
它能实时分析你的网站,准确的找到问题的类型并给出解决方法。通过在你的代码中包括一个简单的JavaScript脚本文件,在你的页面你就能得到可视化的结果。它也可以被集成进FidderHTTP分析工具。不使用会后悔。
6、多版本多浏览器测试,确认无误后再上线。
检查有没有警告或错误信息后,再提交项目,不然让客户或老板发现了多尴尬。
7、使用标签。
最新的HTML5标签,和改善标签的语义化,但需要特殊的辅助脚本让IE6,7和8认识他们。页面在太旧的浏览器或者禁止脚本时无法使用HTML5标签,那么使用标签是对这些情况比较靠谱的解决方法。
8、css文件应该在head里引入,js最后引入。
如果body中引入CSS会导致页面全空,直到CSS加载后才显示。若在头部引入则让浏览器尽早地读取他们,就可以避免上述的情况。Js在最后引入则可以加快网站的打开速度,能很好的提高用户体验。
|