浏览器兼容相关问题

从事Web开发也有两年时间，期间遇到过许许多多类似的问题，每次都被搞得很累，后来画了大半年时间专门研究Web前端技巧，最后我总结了一些方案出来：

1.在开发Web APP的时候，开发机上面最好把主流浏览器都装上，比如说：Chrome、FF、safari、IE、IE Tester… 在大多数情况下，FF和Chrome差别不是很大。

2.开发过程中要注意，每做好一个样式，都要跑一遍所有要兼容的浏览器，这样虽然开发过程时间会比较长，可是会比你开发完成后再来改效率高得多，我曾经就碰到过一个产品，开发完成后由于兼容性问题导致其发展面很窄，最后不得不重新开发。

3.如果真的碰到样式不兼容的情况，那么只能针对不同的浏览器做相应的调整，写HACK 。CSS HACK可参考这篇文章

4.一些新的特效可能在一些版本落后的浏览器里不兼容，这个时候我们的原则就是：不求效果绚丽，只求工整规范 o(∩_∩)o

5.多积累，多看看符合W3C标准规范的CSS手册和JS手册，注意积累，或者用一些开源框架，那样兼容性可以省下不少时间

6.我们都是采用预先监测浏览器的种类及版本，然后选择加载不同样式的不同的CSS文件，这样就能保证该网页在不同浏览器下的显示问题。

7.被问谈谈浏览器兼容性：
a.我一般不问那么笼统的问题。要问的话（通常前提是面试对象在简历里写了或在交谈中提及自己熟悉/擅长/精通兼容性处理），我会让他讲讲自己遇到的最严重的兼容性case，需求是什么，一开始怎么做的，怎么发现有问题，怎么找到问题的原因，有哪些解决方案，最后选了哪一种，为什么选这种方式，这个过程里学到了什么，再做一次类似case会有什么改变，将来怎么避免等等。
你如果遇到笼统的问你的面试官，能按照这些方面有条理的叙述，估计他会喜出望外。

b.一般来说就是为什么会产生兼容性问题。
就是浏览器厂商各自的技术标准和实现，对w3c标准执行的不一样之类的，浏览器先一步实现了未成型的标准和自己定义了一些标准之类的。几大内核和在这些内核上开发出来的浏览器因为内核的原因之类的。

怎么处理兼容性问题。
通过各种判断和hack和降级之类的你所知道的尽可能多的方法。

兼容性问题的发展方向
将来会出现那些更新的问题，怎么提前避免，避免不了怎么办之类的。

平常调试程序以google chrome浏览器为主，平台上线后，需要解决浏览器兼容的问题。一般情况下chrome和火狐两者的兼容性好一点，IE就麻烦一点，不仅与别的浏览器不兼容，IE不同版本的浏览器间也存在不兼容的情况。现将遇到的问题整理如下：

一、IE浏览器调试：界面相当不友好

随着IE版本的发展，已经逐步允许直接在IE上调试安装版本以下的IE浏览器，如安装的是IE9，则可以直接调试IE9、IE8、IE7（若是IE6则需要重新再下载一个Virtural IE6）。此处以IE8为例，来进行演示说明：

1.打开IE8

2.按快捷键F12调出开发人员调试框

3.点击右上角的缩小化按钮，把调试框嵌入到底部

4.使用左下角的箭头选中某个元素，查看其样式

5.首先，点击箭头，使其呈点中状态

6.在网页中选中某个元素（鼠标经过时，会自动增加蓝色边框），点击

7.可以看到相应的样式信息

8.其中，左上角是元素效果，左下角是html源码块，右边是相应的层叠样式表，最右边是相应的css文件

9.现在切换到IE7下面查看效果，点击“浏览器模式

10.在下拉列表中选择IE7

重复以上调试IE8的步骤，可以进行IE7下的调试。

注：使用更新的IE浏览器，可以调试更多的版本，建议使用最新IE11；本方法不支持调试IE6，若需要调试Ie6，可以选择下载Virtual Ie6。

二、IE下用CSS做圆角框比较麻烦，必要时用圆角图片代替，用CSS sprites方式合并，减少请求次数

三、jsp中一定要加上标准声明