/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
身为一个网站开发人员怎么能没有一款好的响应式页面测试工具呢,下面小编就为大家推荐一款ViewportResizer官方版,主要是用来测试网页的响应式布局在各种电脑手机屏幕上的效果,ViewportResizer官方版非常的简单实用,ViewportResizer官方版安装后只要点击插件图标就会在页面头部出现该插件的窗口,上面有各种屏幕类型测试!
1、小编这里使用的是chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本页下载的Viewport Resizer插件,并拖入扩展程序页即可。
2、安装完成后,打开网页试试吧。
3、进入网页后,点击右上角的Viewport Resizer插件图标即可开始测试,只要点击头部出现的窗口里各类型的屏幕类型即可测试响应式布局。
4、点击手机类型后,手机屏幕的测试效果。
5、在电脑类型中的测试效果。
Tampermonkey插件(油猴脚本) v4.3.5410 免费版04-01 / 726K
Tampermonkey云无限速插件免费版(油猴云加速插件) v4.3.5410 最新版04-01 / 958K
油猴Firefox浏览器插件(tampermonkey火狐版) 免费版04-01 / 236K
360浏览器tampermonkey插件最新版(油猴插件) v4.3.5410 免费版04-01 / 958K
tampermonkey Edge浏览器插件(油猴插件) v4.0.69 官方版04-01 / 725K
tampermonkey油猴谷歌浏览器插件最新版免费版04-01 / 958K