新手学做网站需注意浏览器兼容性

欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是建站经验系列之：【新手学做网站需注意浏览器兼容性】，下面是详细的分享！

新手学做网站需注意浏览器兼容性

　　今天写一写关于新手做网站过程当中最经常遇到的问题之一：浏览器兼容性。事实上，这个问题不仅仅是新手学习的过程中会遇到，即使是资深的前端程序员，往往也会因为这个问题头疼不已。原因很简单，虽然W3C提出了一套标准，但是浏览器厂商往往不会完全按照标准来，这当中以微软为最奇葩的代表，每代IE都各有特点，问题也不仅仅存在于IE身上，其他浏览器也很难说自己就没有问题。作为最苦逼的前端开发者，对于这些问题就不得不注意了。

　　浏览器兼容性问题主要来自于两个方面：css样式兼容性和javascript脚本兼容性，这点本站之前都有过文章简单的说了一下，也只能是简单的说了一下。这里面的问题之多，不是几百个字的文章能说得完的，网上有很多这类的博客，文章数往往多达数十篇，也未必能涵盖完全，我也只能简单的说一些原则性的注意点，可以帮助改善浏览器兼容性问题。

　　css兼容性问题：浏览器的数量太多，我们只能针对内核来进行划分，这样主流的浏览器主要是三个内核：微软的trident内核、FF的mozilla内核、chrome为代表的webkit内核。其中微软又有问题就是IE6、7、8等等虽然是一个系列的内核，但对css的解释又存在不同。总体来说做浏览器兼容性测试只要测试通过了上述浏览器，一般问题就不大了。这里面被声讨最多的大概就是IE6了，微软的IE6也确实不愧是浏览器界的一朵奇葩，我自问大部分时候已经可以完全不依赖hack就做出IE7以上和FF以及webkit完美兼容的样式了，只有IE6还是会经常给我惊喜，所以要做IE6兼容就必须了解css hack，主要是专门针对ie6的“_”hack方式，因为只要你写得好点，其他的浏览器可以不用区分的，不用“*”，也不用!important，诀窍就是之前我写过的那篇新手css注意点中提到过的，以FF或者webkit作为基准来进行开发，这两个做出来的样式没有问题的情况下，IE7以上一般都不会有什么大问题，还有就是不要过分依赖浏览器自动处理，那个真的不靠谱，如果不是必要，不要采用自动高宽方式，尽量限制好页面内元素的高宽，这样可以最大限度的处理好css样式兼容性问题。

　　javascript兼容性问题：这个也是个非常麻烦的问题来源，主要的问题依然来自于IE浏览器系列和其他浏览器的差别：IE调用的是系统组件，而其他浏览器调用的自己内建的组件，这就造成了你必须针对不同的浏览器调用不同的组件，最典型的方面莫过于ajax。但其他浏览器之间的问题也一样不少，我见过的问题就有：RGB值的表示方式的不同，offsetleft取出的值不同，还有前篇文章提到的readystate的解释不同等问题。javascript的问题有相当一部分可以靠一些脚本插件如jquery来改善，但要想做完善，需要针对不同浏览器进行详细的测试。

　　

以上所分享的是关于新手学做网站需注意浏览器兼容性，下面是编辑为你推荐的有价值的用户互动：

　　相关问题：新手学做网站应如何开始？

　　答：新手，从理解网站基本含义，元素，构成等开始，然后熟悉工具的使用 代码最开始一定要理解html其他的再深入 网站的几个基本组成元素:域名+空间+程序+模板+维护经验+日常管理.网站建设 是一个综合性的技巧，小说网站也不例外，这个就像种菜,并不是... >>详细

　　相关问题：网页在浏览器中的兼容性调试问题应学习那些技术 如...

　　答：Bug调试 1:doctype没声明,带来的IE浏览器盒模型解析bug 解决: 进行xhtml 正确声明,如strict声明 2:浏览器的初始值不同带来的. 解决:进行css初始化. 3:自身代码不规范带来的bug, 解决:面壁 4:浏览器的bug带来的. 4.1 IE6, 有双倍margin bug 是指:... >>详细

　　相关问题：网页设计时遇到一点浏览器兼容性的问题，请高手解...

　　答：原因是css的某些属性在不同的浏览器中解析不一样，造成兼容bug。 解决办法 设置统一的html的渲染视图，通过不使用css的某些属性，用另外的属性替代，来避免这种不兼容问题，这是最好的办法 通过js判断版本，渲染不同的css >>详细