随着移动端的不断推进,无论是网站的响应式还是兼容性都是需要测试的且实现的。现在的浏览器可以直接测试网站是否兼容,以及是否是响应式的。下面我就为大家说一下如何测试网站的兼容性和响应式实现与否。
工具/原料
浏览器
方法/步骤
1
一个网站我们都是按照自己的浏览器进行打开的,如果你的是Firefox或者google,那么兼容性比较好,比IE和360的兼容性好,很难看出来有兼容性错误。
2
以Firefox为例 ,可以点击右键,查看元素,就可以看到代码,这里有一个模块显示,可以直接进行不同尺寸显示屏的测试。
3
Firefox的查看元素可以直接有“响应式测试”,可以自己输入尺寸,也可以根据需要选择较为合适的如:720/360等不同尺寸,也可以左右拉动,全方位的测试。
4
关于网站的兼容性,如果不用Firefox还可以采用任意浏览器,关闭全屏显示,任意拉动尺寸,进行测试。
6
IE测试和360兼容模式测试,主要是测试的你的当前浏览器模式。我的是IE8,我只能测试IE8,如果你想测试IE7以及以下,则需要选择另外一种IE浏览器模式。
注意事项
1
IE兼容目前主推的是IE8及以上。响应式网站是大势所趋。
2
点击左下“大拇指”为我点赞,您的鼓励是我前进的动力,很高兴可以帮到你。