如何对网页进行兼容性测试？和解决浏览器之间的兼容性问题？

Question

我的网站网页制作好了，制作时都是通过火狐看效果。
现在网页都做完了，想一齐解决兼容性问题。
本人自学前端，不知各位前辈是怎样一个工作流程，和解决方法。

Answer 1

推荐Chrome里一款浏览器兼容性测试扩展~

Answer 2

有两个在线工具，不用翻墙：
moder IE
browserstack

browserstack还可以获取网页在移动端的截图

Answer 3

https://crossbrowsertesting.com
神器，不解释，楼上的你们iPad和iPhone能测嘛。

Answer 4

兼容问题最好还是原版浏览器最好，测试插件或者测试工作是模拟内核，但并不是真正的内核，有一阵子为了兼容IE6，还特别装了一个虚拟机，IETester本来测试没有问题了，但是在真实的IE6上看，还是有问题，所以，不要怕麻烦，装个虚拟机，测试一下。还有就是，虽然css hacker可以解决大部分问题，但是解决不了所有问题，最好的办法还是用<!--[if IE 6]>方法，直接针对浏览器加载文件，这样，不至于会造成改好一个又bug又出来另一个bug的问题，虽然很烦，但是，却是一个一劳永逸的办法。仅为建议，仅供参考。

Answer 5

最近就在测试网站，换到 ie8 就乱了，ie9 及以后的都还好。其他浏览器的话，没什么问题。

测试工具：
- IE 虚拟机 http://dev.modern.ie/tools/vms/
- vitualbox http://download.virtualbox.org/virtualbox/

针对性的修复方法：
1. 用条件语句加样式表：

2. 用条件语句添加 class：

Answer 6

我们的工作流是先在Chrome上做，然后再测试不同浏览器。

如果在写的时候注意一下兼容性问题就好多了。兼容性做多了，也就知道了。

Answer 7

Chrome审查元素可以模拟不同浏览器,user-agent进行测试,ietest可以对不同IE版本进行测试

Answer 8

工作流程一般为：{如果有了一定经验，在写代码的时候有些兼容性自然就知道了}
1、chrome开发测试；
2、在再其他不同内核上测试；

IE有IETester测试工具，可以调试样式