Web网站建设者开发中,遇到最多的一件事情就是创建一个能很好的跨越各种类型浏览器版本与各种设备的网站时感到困难。 北京网站建设梦创义科技在jQuery项目写代码的时候也一直有这个问题。因此这里整理了20条编码模式与经验来解决支持旧IE浏览器的技巧分享给大家。
1.使用模板如HTML5 Boilerplate进行开发。
很多成熟的模板各方面都做得很到位,这些准则对以现代浏览器为目标的项目和需要旧浏览器(低至IE6都能很好的支持)支持的项目工作得一样好。直接拿来使用不但可以节省时间更能减少一些IE兼容问题。
2.使用标准是IE10来开发项目。
它能实时分析你的网站,准确的找到问题的类型并给出解决方法。通过在你的代码中包括一个简单的JavaScript脚本文件,在你的页面你就能得到可视化的结果。它也可以被集成进Fidder HTTP分析工具。不使用会后悔。
3.不盲目使用polyfills和shims。
polyfills和shims提供了代码和标签,可以帮助模拟标准的API和功能,但在使用时一定要能保证实用,更便于以后的开发和修改。
4.多版本多浏览器测试,确认无误后再上线。
检查有没有警告或错误信息后,再提交项目,不然让客户或老板发现了多尴尬。
5.使用标签。
最新的HTML5标签,和改善标签的语义化,但需要特殊的辅助脚本让IE6,7和8认识他们。页面在太旧的浏览器或者禁止脚本时无法使用HTML5标签,那么使用标签是对这些情况比较靠谱的解决方法。
6.css文件应该在head里引入,js最后引入。
如果body中引入CSS会导致页面全空,直到CSS加载后才显示。若在头部引入则让浏览器尽早地读取他们,就可以避免上述的情况。Js在最后引入则可以加快网站的打开速度,能很好的提高用户体验。
7.简洁、特定浏览器的css样式。
不要到处是无法重用的的id和class,避免使用“!imporant”。为html或body标签添加特定浏览器的class,并在css规则中使用。而不是hack。这样不但利于seo网站优化,更让二次开发提供便利。
8.JavaScript最大限度以用户体验为中心。
尽可能在Ready后立刻执行脚本。如果Ajax关系用户交互,越早请求越好,延迟加载非必要的脚本(如Facebook Like,Google +1,Twitter)等。
以上就是北京网站建设支持旧IE浏览器的经验和技巧。希望能在你建站的时候给你节省一些时间(或者麻烦)。如果对你有用,可以收藏北京梦创义科技的官网。
也许你还喜欢:
本文由梦创义网站建设(www.mcykj.com)收集于网络或网友投稿,对于内容系文章作者个人观点,不代表本站观点.我们每日更新最新网站建设教程,网站制作教程,网站建设方案报价等,如果你想了解更多建站知识,请收藏并持续关注我们网站.
本文地址:https://www.mcykj.com/show-78-266-1.html转载请注明出处!
界面设计日新月异,梦创义坚持基于用户需求的界面创新设计……
互联网的格局发生的改变,在我们进行设计服务时更是考虑不同用户、不同……
洞察用户有意识和无意识的行为以及心理特征通过构造一系列的服务来促进……
北京梦创义科技有限公司成立于2012年
创始人以及初创团队成员均来自各大互联网公司
目前公司拥有员工近百人 平均3年以上从业经验
核心团队成员均有10年以上互联网从业经验
手机:13910811300
电话:010-52661970
传真:010-82694569
网址:www.mcykj.com
邮箱:13910811300@126.com
朝阳一部:朝阳区紫芳路九号院广顺园2号楼2605A
海淀二部:回龙观黄平路19号院泰华龙旗广场E座1212室(距西三旗桥2公里,8号线育新站海淀昌平交界)