前端开发、页面调试中，常需调整Chrome分辨率测试适配效果，但不想切换到手机交互模式（如触摸手势、地址栏缩放等）。很多开发者打开设备模拟后会默认进入移动交互，操作不便，本文分享高效解决方法。
核心操作步骤（适用于Chrome最新版本）
核心逻辑：借助Chrome开发者工具设备模拟功能，自定义分辨率的同时关闭移动模拟，保留电脑端原生交互（鼠标、键盘、滚轮等），步骤如下：
- 打开Chrome开发者工具：打开Chrome进入任意页面，右键空白处选「检查」，或用快捷键——Windows/Linux按
Ctrl+Shift+I，Mac按Cmd+Option+I调出面板。 - 开启设备工具栏（关键一步） ：点击开发者工具顶部「Toggle Device Toolbar」图标（手机+平板样式，多在右上角），开启设备模拟模式，默认移动分辨率后续可调整。
- 自定义分辨率（不切换交互） ：开启工具栏后，顶部会有设备下拉框和分辨率输入框，两种自定义方式可选：
- 方式一：直接修改输入框，删除默认值，输入目标分辨率（如1366×768、1920×1080），回车即可切换，注意此时可能仍为移动交互。
- 方式二：编辑自定义设备（推荐常用分辨率）：点击设备下拉框选「Edit」，点击「Add custom device」，输入设备名、设置宽高，其他参数默认，保存后选中即可快速切换。
- 关闭移动交互模式（核心关键） ：在设备工具栏找到「Emulate mobile」选项（手机图标旁勾选框），确保未勾选。关闭后，页面保持目标分辨率，仍为电脑端原生交互，无移动设备干扰。
注意事项（避坑指南）
- 避免误触移动特性：部分Chrome版本默认勾选「Emulate touch events」，会出现手机触摸反馈，建议一并取消，确保纯电脑端交互。
- 分辨率兼容性：响应式页面会随分辨率自动适配，属于正常现象，不影响电脑端交互。
- 快捷键高效操作：常用分辨率可记快捷键——Windows/Linux按
Ctrl+Shift+M，Mac按Cmd+Option+M，快速开关设备模拟。 - 版本差异适配：不同Chrome版本界面略有不同，但核心功能一致，找不到选项可在「More tools」找「Device Toolbar」，或搜索“Emulate mobile”。
