如果快速测试响应式布局?

给响应式布局做测试从来都不简单,事实上在寻找桌面、移动和平板设备的尺寸之间的那一个个布局 “断点” 一直都很麻烦。今天给大家推荐一个响应式布局插件Viewport Resizer,此款插件可以查看多种尺寸的网页,响应式的网站能够以多种尺寸得以最好的展示,查看是否支持移动端的访问也是需要借助此款插件来进行辅助的。

一、自动安装

如果你有翻墙软件的话,可以直接从 Chrome 网站应用店去下载,打开https://chrome.google.com/webstore/category/extensions, 在搜索中输入“Viewport Resizer”,找到 Viewport Resizer,点击“添加至CHROME”,即可安装。

001.jpg


二、手动安装

如果你没有翻墙软件的话,可以按以下方式进行安装

1、下载到本地

下载地址:http://pan.baidu.com/s/1bYgpfo


2、在浏览器中输入chrome://extensions/,将下载好的文件拖拽到此页面。注意一定是此地址页面,在其它页面中有可能不成功。

003.jpg


3、在弹出的窗口中点击添加拓展程序即可完成安装。

004.jpg


4、安装完成后可以在浏览器右上角找到对应的图标,点击图标即进入展示页面。

005.jpg


5、点击其中一个尺寸查看效果。

2.jpg

未经允许不得转载:易读小屋  »  如果快速测试响应式布局?