永洪社区
标题: <永洪tech>Chrome浏览器检查报表在不同分辨率电脑及手机端... [打印本页]
作者: Kevinli 时间: 2018-3-20 14:34
标题: <永洪tech>Chrome浏览器检查报表在不同分辨率电脑及手机端...
客户方面使用电脑可能有台式机也有笔记本，分辨率各不一致，因此我们制作的报表需要在不同分辨率下检查下使用效果。Chrome自带的开发工具（无需插件）可以快速简单的模拟各种电脑分辨率的显示效果，此外，若有移动端展示需求，Chrome也可模拟报表在各种手机、Pad端的显示。
以Chrome最新稳定版为例（Version64.0.3282.119 (Official Build) (64-bit)）步骤简介如下：
1、在打开的Chrome浏览器中按F12，进入开发工具界面，然后确保下图箭头所指的Toggle Device Bar按钮处于高亮状态，左侧页面上端会有工具条