Viewport Resizer (调试手机网页插件)V1.1.8 官方版

用手机浏览网页的时候显示效果和pc可不一样,为了让大家更好的使用手机浏览网页,小编给大家推荐Viewport Resizer这款chrome插件,Viewport Resizer是一款调试网页在手机等移动设备中显示效率的谷歌插件,这款插件操作非常简单,使用方便。

Viewport Resizer 插件介绍

Viewport Resizer是一款可以方便地调整浏览器视口显示大小的谷歌浏览器插件,在chrome中安装了Viewport Resizer插件以后,用户就可以在电脑中模拟各种移动设备,在该插件中用户可以方便地设置各种分辨率的大小,以及选择已经的设备类型进行测试。

Viewport Resizer 使用方法

1.第一步大家应该都知道要在本站下载谷歌插件,解压,得到crx格式的文件。

2.接着大家需要打开谷歌浏览器,找到右上角的按钮,在下拉框中选择"设置"选项,然后点击设置来启动Chrome浏览器的设置页面。如下图：

3.进入设置界面,找到并点击"扩展程序"。如下图：

4.在打开的谷歌浏览器的扩展管理器中用户可以看到一些已经安装程序的Chrome插件,或者一个Chrome插件也没有。如下图：

5.我们回到软件包中,将Viewport Resizer拖到谷歌浏览器中的"扩展程序"界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。我们就将Viewport Resizer拖动到这个位置,Viewport Resizer插件的安装。如下图：

6.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去,但是谷歌考虑用户的安全隐私,在用户松开鼠标后还会给予用户一个确认安装的提示。只需要点击"添加"按钮就可以把该Chrome插件安装到谷歌浏览器中去。如下图：

7.用户可以通过点击Viewport Resizer插件上面的图标快速地切换视口大小。如下图：

8.当然安装了Chrome 插件,也有不需要这款插件的时候,那么不需要Chrome插件的时候,大家就可以删除它,卸载Chrome插件的方法非常简单,具体操作如下图所示：

Viewport Resizer 插件背景

用户在开发网页的过程中,往往需要兼容很多种分辨率,随着移动设备的普及率越来越高,网页的开发人员会越来越重视网页在不同的分辨率下的显示效果,Viewport Resizer可以方便地调整浏览器的显示视口大小的谷歌浏览器插件。

Viewport Resizer 功能介绍

1.Viewport Resizer查看可以选择一种常用的设备进行调试。

2.Viewport Resizer可以在页面中点击图表快速地切换网页状态。

3.用户还可以点击Viewport Resizer插件上面的设备列表,选择一款常用的设备进行测。

小编点评

怎么改变电脑显示大小？怎么调试网页在手机上的显示效果？Viewport Resizer可以帮助你,有了Viewport Resizer随时调试网页在手机等移动设备中的显示效果！