养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何用浏览器查看网站响应式和兼容性

时间:2024-10-13 13:15:20

随着移动端的不断推进,无论是网站的响应式还是兼容性都是需要测试的且实现的。现在的浏览器可以直接测碍测行臬试网站是否兼容,以及是否是响应式的。下面我就为大家说一下如何测试网站的兼容性和响应式实现与否。

如何用浏览器查看网站响应式和兼容性

工具/原料

浏览器

方法/步骤

1、一个网站我们都是按照自己的浏览器进行打开的,如果你的是Firefox或者google,那么兼容性比较好,比IE和360的兼容性好,很难看出来有兼容性错误。

如何用浏览器查看网站响应式和兼容性

2、以Firefox为例,可以点击右键,查看元素,就可以看到代码,这里有一个模块显示,可以直接进行不同尺寸显示屏的测试。

如何用浏览器查看网站响应式和兼容性

3、Firefox的查看元素可以直接有“响应式测试”,可以自己输入尺寸,也可以根据需要选择较为合适的如:720/360等不同尺寸,也可以左右拉动,全方位的测试。

如何用浏览器查看网站响应式和兼容性

4、关于网站的兼容性,如果不用Firefox还可以采用任意浏览器,关闭全屏显示,任意拉动尺寸,进行测试。

如何用浏览器查看网站响应式和兼容性

如何用浏览器查看网站响应式和兼容性

5、关于网站的兼容性测试,其实主要是针对ie擢爻充种的测试,可以选择ie浏览器,也可以直接用360的兼容模式。因为360的内核和ie是相同的。如果是雷电模式,则属于极速不兼容,如果是e的样子则是兼容模式。

如何用浏览器查看网站响应式和兼容性

6、IE测试和360兼容模式测试,主要是测试的你的当前浏览器模式。我的是IE8,我只能测试IE8,如果你想测试IE7以及以下,则需要选择另外一种IE浏览器模式。

如何用浏览器查看网站响应式和兼容性

如何用浏览器查看网站响应式和兼容性

© 一点知识