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

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

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


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

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


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


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

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


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


有两个在线工具,不用翻墙:
moder IE
browserstack

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


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

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

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

2. 用条件语句添加 class:


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


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

【热门文章】
【热门文章】