客户方面使用电脑可能有台式机也有笔记本，分辨率各不一致，因此我们制作的报表需要在不同分辨率下检查下使用效果。Chrome自带的开发工具（无需插件）可以快速简单的模拟各种电脑分辨率的显示效果，此外，若有移动端展示需求，Chrome也可模拟报表在各种手机、Pad端的显示。
以Chrome最新稳定版为例（Version64.0.3282.119 (Official Build) (64-bit)）步骤简介如下：
1、在打开的Chrome浏览器中按F12，进入开发工具界面，然后确保下图箭头所指的Toggle Device Bar按钮处于高亮状态，左侧页面上端会有工具条
2. 点击工具条最左侧的下拉菜单会有模拟设备的显示 3. 下拉菜单最上端的选项Responsive，点击后可在框中输入自定义分辨率如（1024x768），或可拖动右侧、下侧及右下角，自由定义页面分辨率。 4. 也可将固定的几个设备分辨率加入设备列表，快速调用。需点击下拉菜单最下端的Edit，页面右侧弹出页面中点击 Add custom device 5. 在下图的弹出菜单中填入相应内容，Device name填入自定义的名字，下两个空格中分别填入横向及纵向分辨率，最后一个下拉框中选择Desktop，完成后点击Add 6. 添加好的设备会出现在列表中，自动勾选，从而会出现在左侧的下拉列表中；下面Chrome自带的设备，前端带打勾的也会出现在左侧下拉列表中，可自动选择。 7. 若要模拟手机端的显示效果，可在下拉菜单中选择一手机型号（如iphone 8 Plus），然后点击刷新，可以看到报表以手机布局展示。 8. 点击最右侧按钮可转为横屏显示，百分比按钮可对画面进行缩放。
| 
