如何设置Chrome浏览器的分辩率测试插件

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

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

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

如何设置Chrome浏览器的分辩率测试插件相关推荐

设置chrome浏览器的开发调试工具主题为dark模式
作为极客爱好者,炫酷的开发工具是我们所喜欢的,现在推荐一个设置chrome浏览器的调试工具为dark模式的方法: 设置成功后的效果图: 看到效果图后是不是很惊喜,很意外,现告诉方法如下: 1.在chr ...
chrome 浏览器 console 加入 jquery 测试调试一介布衣
chrome 浏览器 console 加入 jquery 测试调试一介布衣 var jquery = document.createElement('script'); jquery.src = & ...
java中selenium设置chrome浏览器为开发者模式与IP代理
java中selenium设置chrome浏览器为开发者模式与IP代理前言代码前言之前为公司写了个爬虫项目,有时候为了绕过网站的反爬机制需要用到ip代理以及设置浏览器为开发者模式,看了一些se ...
刚刚做了个chrome浏览器博客园转载插件，欢迎试用，多提意见！
刚刚做了个chrome浏览器博客园转载插件,欢迎试用,多提意见! https://chrome.google.com/extensions/detail/jplfeohlkffepcpolmenml ...
Chrome浏览器安装Vue.js devtools插件
Chrome浏览器安装Vue.js devtools插件 1.浏览器访问极简插件 2.右上角搜索框搜索vue DevTools插件 3.在本地文件夹中解压刚刚下载的插件,解压后如下所示 4.打开谷歌浏 ...
谷歌浏览器的下载位置如何设置 Chrome浏览器下载路径设置方法简述
在Chrome地址栏输入"chrome://settings/"后回车; 谷歌浏览器的下载位置如何设置?Chrome浏览器下载路径设置方法简述谷歌浏览器的下载位置如何设置?Chr ...
c语言自动填表chrome网页,教你设置Chrome浏览器里的自动填表功能
[IT168 应用]大家在进行网络购物或者一些网站注册时,往往需要填写收货的地址以及信用卡的支付信息,如果每次都要填写这些信息,显然会非常复杂,并且可能因为没有记住而去再次查询确认身份的信息等. 通过 ...
【转】保护SSD，设置Chrome浏览器临时文件夹到ramdisk分区
很多用低端/山寨SSD的朋友都用Ramdisk来保护硬盘,一般都把系统temp目录和IE浏览器临时文件夹目录设到Ramdisk分区了. 最近用谷歌的chrome浏览器,发现浏览网页时候硬盘 ...
Google Chrome浏览器必备的20个插件
Google Chrome浏览器虽然与火狐浏览器有所区别,不过他们都是很开放的浏览器产品,所以也有许多有用的插件,这些插件对于日常生活与网络冲浪都很有用,比如网银,炒股等. Google Chrome ...

如何设置Chrome浏览器的分辩率测试插件

如何设置Chrome浏览器的分辩率测试插件相关推荐

最新文章

热门文章