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

铲屎官大人
  • 2.4k

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

回复
阅读 13.5k
8 个回答

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

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

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

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

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

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

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

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

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

宣传栏