启用qoder web移动端适配需三步:先运行qodercli serve --port 8080 --mobile启动服务;再用手机浏览器访问localhost:8080自动跳转/mobile路径;最后开启touch-optimized review模式实现单列滚动、放大差异标记。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

你想在通勤路上或会议间隙用手机快速完成代码评审,但打开Qoder Web页面发现按钮错位、输入框无法聚焦、Diff预览被截断——这说明Web端口未启用移动端适配层,终端渲染与触控事件未对齐。
启用Web端口的移动端适配模式
第一步:确保Qoder CLI已启动并监听Web服务。在项目根目录终端执行 【qodercli serve --port 8080 --mobile】,该参数强制启用触控优化栈与响应式布局引擎。
第二步:访问 http://localhost:8080 在手机浏览器中打开(不要用微信内置浏览器)。首次加载时会自动重定向至 /mobile 路径,触发轻量级WebView内核接管渲染。
第三步:点击右上角「评审模式」图标 → 选择「Touch-Optimized Review」。此时所有代码块将切换为单列滚动、行号固定、差异标记放大150%,避免误触相邻行。
在手机端完成一次完整代码评审
方法一:直接评审当前分支变更
1、点击底部导航栏「Changes」→ 系统自动拉取 Git 暂存区差异,生成可折叠的文件列表。
2、点击任一文件名,进入行级Diff视图:左侧为原代码,右侧为修改后代码,中间用彩色竖条标出增删范围。
3、长按某一行右侧修改内容 → 弹出操作菜单 → 选择「Ask Qoder」→ 输入“这段逻辑是否会导致空指针?”,AI实时返回分析结果并高亮风险行。
4、点击「+ Comment」在该行添加评审意见,支持语音转文字输入(需开启手机麦克风权限)。
代码编辑 CLI 工具集合:Cursor CLI(agent)和 Qoder CLI(qodercli),用于代码修改、重构、Code Review 及自动化代码任务。
5、全部评审完成后,点击右上角「Submit Review」→ 选择「Approve with Comments」→ 输入整体结论 → 提交。
方法二:通过链接跳转到指定PR评审页
在电脑端Qoder IDE中,右键某次合并请求 → 复制「Mobile Review Link」→ 手机浏览器粘贴打开。该链接携带加密令牌与上下文快照,无需重新登录即可加载完整评审界面。
注意:若链接打开后提示「Session expired」,说明CLI守护进程已退出,需回到电脑端重新执行 qodercli serve --mobile 命令。
关键交互优化设置
进入手机端Qoder Web页面 → 点击左上角三横线菜单 → 「Settings」→ 开启以下三项:
✅ Touch Target Enlargement:将所有按钮热区扩大至48×48px,适配拇指点击。
✅ Virtual Keyboard Avoidance:检测软键盘弹出时自动上推代码预览区域,防止遮挡Diff内容。
✅ Gesture Navigation:双指左滑返回上一页,双指右滑进入文件树,三指下滑刷新当前评审状态。
关闭「Auto-Sync Scroll」开关——否则手机端滚动代码时,电脑端编辑器会同步跳转,干扰协作场景下的独立评审流程。










