对于网页前台设计者而言,考虑兼容是比较头疼的问题,怎么才知道自己编写的代码是可以兼容的呢?这个就要看测试兼容时所用的浏览器是否选对。
工具/原料
1
IEtester,Mozilla Firefox,Google Chrome
2
windows系统
方法/步骤
1
在开始之前,小编呢简单编写了一个HTML代码段,含简单的样式,分别在IE和Chrome下测试运行结果,如图:
2
重新修改css代码,再次在这2个浏览器中测试结果。如下图:
3
上面简单的测试中已经看到了同一段代码,在2款浏览器中较大的显示差距了,而这也就是,做前台设计者所要面对的兼容问题。那如何去选择呢?在选择测试浏览器之前,首先要把浏览器归类是重点。的垄断性格的促使,不遵循w3c标准,成了IE浏览器的一个特点,而其他浏览器在遵循w3c标准上都比较一致。所以在分类时把浏览器分为,IE类和非IE类2种。
4
那么只要分开,IE和非IE就可以了吗?答案是还不够。因为IE本身的各版本之间对w3c标准的遵循也不尽相同,所以在分类时还要重新把IE分为,IE9.0+和IE6.0-8.0.这里为什么不再细分呢?这个答案也简单。这年头再使用IE6.0以下版本的用户几乎已经绝迹了。所以IE6.0以下的版本可以忽略不计。
6
接下来就是选择非IE类的浏览器。对于市面的很多浏览器中每个浏览器都要选那是不行的,所以选择时要选择代表性的,最具代表的2个浏览器是:Mozilla Firefox(中文叫火狐),Google Chrome(中文叫谷哥)。这2款浏览器完全胜任为非IE类浏览器的代表。下图是火狐、谷哥浏览器的图标:
7
如何选择测试浏览器就介绍到这里了。 为了更好的做兼容,你的电脑如果还没有这3款浏览器就快动手下载吧!
注意事项
1
除了CSS还有脚本也要做兼容处理的哦
2
如果本文帮到你,请投票哦
上一篇:什么减肥法最有效