支持旧IE浏览器的技巧

2021-06-04    分类: 网站建设

Web网站建设者开发中,遇到最多的一件事情就是创建一个能很好的跨越各种类型浏览器版本与各种设备的网站时感到困难。 因此这里整理了多条编码模式与经验来解决支持旧IE浏览器的技巧分享给大家。
1.使用模板如HTML5Boilerplate进行开发。
很多成熟的模板各方面都做得很到位,这些准则对以现代浏览器为目标的项目和需要旧浏览器(低至IE6都能很好的支持)支持的项目工作得一样好。直接拿来使用不但可以节省时间更能减少一些IE兼容问题。
2.使用标准是IE10来开发项目。
它能实时分析你的网站,准确的找到问题的类型并给出解决方法。通过在你的代码中包括一个简单的JavaScript脚本文件,在你的页面你就能得到可视化的结果。它也可以被集成进FidderHTTP分析工具。不使用会后悔。
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浏览器的技巧
转载来于:https://www.cdcxhl.com/news/116357.html

成都网站建设公司_创新互联,为您提供商城网站动态网站Google网站策划响应式网站网站制作

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设