Interview Coder CN 捕获区域与多显示器配置指南：只截题目区域，多屏也能精准定位

Interview Coder CN 是一款 AI 截屏解题助手，在面试、笔试或在线考试中按下快捷键截图，AI 实时给出解题思路与答案。本文讲清它的两个高频配置项：捕获区域（截图区域）与多显示器设置——只框选题目所在的那一块区域，AI 看得更准、响应更快；双屏、三屏环境下也能稳稳截对题目所在的屏幕。

为什么只截题目区域？

默认情况下，Interview Coder CN 截取整个屏幕。整屏里混杂了任务栏、窗口标题、无关网页，都会占用视觉模型的注意力。

框选后只截这块区域，AI 看得更准，响应也更快。

设置页对「截图区域」的说明原文就是这句话（CaptureTargetFields.tsx）。题目长、屏占比小时，这个差别更明显。

三种方式框选截图区域

三个入口最终都走同一套框选逻辑：结果在主进程立即生效，再同步给渲染进程保存（shortcuts.ts），所以上次框选过的区域重启后依然有效。

框选操作完整步骤：定格画面里拖出矩形

1. 从上面任一入口开始框选。每一块屏幕都会弹出一个与该屏等大的框选窗口，内容是屏幕的定格画面——你框的就是截图会看到的内容；此时助手主窗口暂时隐藏，画面里不会混进助手自己。
2. 在定格画面上按住鼠标拖出矩形，选区以外会被压暗。
3. 松开鼠标后按Enter或点「确认」生效，Esc或点「取消」放弃。
4. 确认或取消后，所有框选窗口立刻全部关闭，助手窗口恢复显示。

框选完成后，无论是「截图解题」还是「追加截图」，都只截这块区域。

⚠️ 一个小提醒：从快捷键或工具条发起框选时，应用需要短暂获取键盘焦点（否则Enter会落进考试页面）。个别严格的考试页面可能检测到切出窗口，建议在开考前就框好。

多显示器配置：固定屏幕还是跟随鼠标？

默认「跟随鼠标」：截哪块屏，取决于按下截图快捷键时鼠标在哪块屏上——截图前把鼠标移到题目屏即可。

「截图屏幕」下拉框会把每块物理屏幕从左到右编号列出，并带上「主屏」标记、系统分辨率与显示器名称，例如：

• 屏幕 1 · 主屏 · 2560×1440 · DELL U2720Q
• 屏幕 2 · 1920×1080

分辨率就是系统显示设置里看到的数值，多块外观相同的屏也能一眼分清。显示器列表按物理位置排序生成（take-screenshot.ts）。

多屏场景推荐做法：

注意一个联动规则：一旦框选了截图区域，「截图屏幕」会自动锁定为区域所在的那块屏，下拉框同时被禁用——区域本身就绑定了屏幕，两者不会打架。

如果所选屏幕或区域所在屏幕被拔掉，应用会显示「未连接」提示，并暂时截取鼠标所在屏幕或整屏；接回后自动恢复原选择，不用重新配置。

区域是怎么保存的？换分辨率也不跑偏

Interview Coder CN 不用像素值保存区域，而是用比例坐标（0–1 的小数）记录位置与尺寸，截屏时才换算成像素并裁剪（capture-region.ts）。

好处：更换显示器分辨率、调整系统缩放后，区域仍按比例落在同一位置。区域同时还记录了一块具体屏幕，那块屏断开时区域被暂时忽略、截取整屏，接回后自动恢复（take-screenshot.ts）。

常见问题速查

相关源码与资料

• 截图裁剪与多屏屏幕源匹配：take-screenshot.ts
• 框选窗口管理（定格画面、焦点、超时关闭）：region-picker.ts
• 比例坐标定义与像素换算：capture-region.ts
• captureScreen/captureRegion设置项：settings.ts
• 设置页「截图屏幕 / 截图区域」组件：CaptureTargetFields.tsx
• 「框选截图区域」快捷键默认值：shortcuts.ts
• 项目说明：README.md

本项目仅供学习与研究使用，请遵守面试、考试等场合的相关规定。