admin管理员组

文章数量:1530027

场景:测试网页有时候需要在不同的分辩率下查看网页的显示是否正常,可能也没有那么多设备来展示,那么可以使用Chrome浏览器自带的插件来显示。具体操作如下:

  1. 打开Chrome浏览器,先添加插件,输入chrome://extensions, 如下图所示
  2. 点击Chrome Web Store进入到如下页面,可以看到列表里有Resolution Test的插件。
  3. 点击Add to Chrome就可以将插件添加到Chrome浏览器。
  4. 点击Add Extensions安装后就可以在浏览器的右上角显示可以切换的分辩率选项,设置成不同的分辩率可以显示当前网页在相应的分辩率下的显示情况。

    备注:当然如果有相应分辩率的显示屏就还是用硬件设备测试吧,在手机屏直接测试时有发现这个插件显示还是不太准确的,有些图片显示不一致。在没有硬件设备的情况下,就还是可以参考一下。

本文标签: 分辩率如何设置插件浏览器测试