/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
身为一个网站开发人员怎么能没有一款好的响应式页面测试工具呢,下面小编就为大家推荐一款ViewportResizer官方版,主要是用来测试网页的响应式布局在各种电脑手机屏幕上的效果,ViewportResizer官方版非常的简单实用,ViewportResizer官方版安装后只要点击插件图标就会在页面头部出现该插件的窗口,上面有各种屏幕类型测试!
1、小编这里使用的是chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本页下载的Viewport Resizer插件,并拖入扩展程序页即可。
2、安装完成后,打开网页试试吧。
3、进入网页后,点击右上角的Viewport Resizer插件图标即可开始测试,只要点击头部出现的窗口里各类型的屏幕类型即可测试响应式布局。
4、点击手机类型后,手机屏幕的测试效果。
5、在电脑类型中的测试效果。