首页 > 其他分享 >【兼容性】Chrome浏览器模拟设置不同分辨率

【兼容性】Chrome浏览器模拟设置不同分辨率

时间:2023-05-11 17:13:33浏览次数:48  
标签:兼容性 浏览器 Chrome 分辨率 点击 设置

1、起因

有时候软件系统UI的分辨率有特殊的要求(手机端的,或者是大屏幕显示器),通过浏览器查看的时候,需要设置相同的分辨率。

查看页面是否布局不符合要求

 

2、设置方法

点击浏览器右侧三个点-》更多工具-》开发者工具,或者F12直接打开

点击右上角设置

 点击设备

 点击添加自定义设备

 根据需求添加不同分辨率的设备

 

 3、例如我测试的时候需要关注的设备信息

 win10

 4k

 2k

 至于其他的,可以自行添加

 

4、使用方法

 这样就可以看到不同页面的显示了,可以省了

 

参考链接:

https://blog.csdn.net/cuckoo168/article/details/126165928

 

标签:兼容性,浏览器,Chrome,分辨率,点击,设置
From: https://www.cnblogs.com/fireblackman/p/17391636.html

相关文章

  • 解决Vscode无法启动浏览器
    下载插件:然后启动浏览器:......
  • 从浏览器输入域名开始分析DNS解析过程
    摘要:DNS(DomainNameSystem)是域名系统的英文缩写,是一种组织成域层次结构的计算机和网络服务命名系统,用于TCP/IP网络。本文分享自华为云社区《DNS那些事——从浏览器输入域名开始分析DNS解析过程》,作者:砖业洋__。我们就从在浏览器输入域名开始分析。1.DNS服务器有哪些?递......
  • BurpSuit配置浏览器代理 chrome
    1、BurpSuit配置默认代理 2、添加谷歌插件switchyomega,修改服务器和端口 打开代理,选择刚才添加的代理 3、访问http://burp/,获取证书 4、将证书添加到Chrome浏览器 5、访问任意网址,发现可以抓到包包啦~ ......
  • 浏览器设置广告拦截
    打开系统自带浏览器点击右边...选择扩展   进入扩展页面后搜索adguard后下载插件开启拦截功能随便打开一个网页测试拦截功能......
  • 预言成真:Facebook拿浏览器开刀 推进移动化进程
    上市后的Facebook动作频频,斥资8000万美元买下移动电商平台Karma后,又推出了自己的照片分享应用Camera,现在又有传言称其将收购 Opera浏览器。看来 HamishMcKenzie只猜中了一半:Facebook要解决其移动化问题,手机浏览器是关键;但它没有选择自主研发,而是通过收购来提升自己在浏......
  • 自签名证书实现浏览器IP证书访问
    创建文件夹mkdirsslcdssl#IP.2改成自己电脑的IP地址或服务器IPviext.extkeyUsage=nonRepudiation,digitalSignature,keyEnciphermentextendedKeyUsage=serverAuth,clientAuthsubjectAltName=@SubjectAlternativeName[SubjectAlternativeName]IP.1=127.0.0......
  • Google Chrome浏览器离线安装包下载方式
    GoogleChrome是应用很广泛的浏览器,默认是在线安装模式。如果网络速度很慢,或者没有网络的时候,就需要离线安装包了。32位Chrome离线包下载:http://www.google.cn/chrome/browser/desktop/index.html?standalone=164位Chrome离线包下载:http://www.google.cn/chrome/brow......
  • CSS学习1 认识CSS;三种CSS的编写样式;CSS注释;常见的CSS样式;元素link;CSS颜色表示方法;浏览
    1_认识CSSwhat:为网页添加样式(美化界面);一门样式表语言,不是编程语言发展历史css1(两个人合作发布)css2(w3c)css3(模块化持续发展中)总结:美化HTML,让HTML与CSS分离方式一:添加样式,例如颜色、字体,大小方式二:布局,按照某种结构显示2_三种CSS的编写样式声明:例如【color:red......
  • JavaScript 和浏览器
    模块参见ES6部分DOM参见Web相关部分选择器document.querySelector()来获取网页的对应HTML元素document.querySelectorAll()来获取网页的所有对应HTML元素document.getElementById()根据ID获取元素document.getElementsByClassName()根据类名获取元素docum......
  • Node16+版本出现node-sass兼容性问题
    最近多次遇到这个问题,node16+版本安装或者初始化带有node-sass和sass-loader包的项目报错。翻遍了所有相关文章,总结出以下两种解决办法:方法一:卸载旧版本的node-sass和sass-loader,安装sass和sass-loader,不再使用node-sassnpmuninstallsass-loadernode-sassnpminstallsass-l......