Claude Code Viewer: Web 端会话管理工具
当 Claude Code 成为日常开发标配，如何更高效地管理会话历史、分析对话流程就成了开发者的新需求。Claude Code Viewer 应运而生——一个功能完备的 Web 端 Claude Code 客户端。
背景介绍
Claude Code 是 Anthropic 推出的 AI 编程助手，但其原生的会话管理能力相对基础。大多数开发者面临以下痛点：
- 会话历史难以追溯和检索
- 无法在移动设备上方便地查看会话
- 多人协作时难以共享会话内容
- 缺乏对会话流程的全局视角
Claude Code Viewer 正是为解决这些问题而生的开源项目。它采用 Web 架构设计，专注于会话日志的完整分析，通过严格的数据校验和渐进式展示 UI，让每一个对话细节都清晰可见。
核心特性
📋 会话日志查看
Claude Code Viewer 直接读取 Claude Code 的标准日志格式（~/.claude/projects/<project>/<session-id>.jsonl），实时展示会话内容。支持历史日志浏览，新会话会自动被发现。
🔍 全局搜索
支持跨会话全文检索，快捷键 ⌘K (macOS) / Ctrl+K (Linux) 即可唤起搜索框。功能包括：
- 模糊匹配
- 前缀搜索
- 键盘导航（↑↓ 选择，Enter 确认）
- 可选择特定项目或全局搜索
🚀 发起新会话
直接在 Web 界面启动 Claude Code 会话，享受完整的文件/命令补全、暂停/恢复、工具授权等功能体验。
💡 继续会话
独特的继续会话机制：通过 Claude Code Viewer 启动的会话会保持存活状态（除非手动终止），无需重新加载 session-id 即可持续对话，避免了传统 resume 方式的状态丢失。
📁 项目管理
- 创建新项目：通过 Web UI 选择目录，执行
/init命令完成初始化 - 项目列表：集中管理所有 Claude Code 项目
📎 文件上传与预览
支持直接上传图片（PNG、JPEG、GIF、WebP）、PDF 和文本文件。每种文件类型都有专门的预览组件：
- 图片：内联渲染
- PDF：嵌入式查看器
- 文本：格式化内容展示
🌐 浏览器预览
在聊天界面右侧嵌入可调整大小的浏览器面板，预览任何 URL。支持：
- URL 输入框 + 键盘导航
- 刷新功能
- 随导航自动调整聊天窗口宽度
- 同源策略下的 URL 变化追踪
⏰ 消息定时发送
支持 cron 表达式设置周期性任务，或指定具体时间执行一次性任务。特性包括：
- 并发控制（跳过/执行）
- 定时任务自动删除
- 速率限制自动继续（检测到限流后自动安排'continue'消息）
📝 Git 集成
内置 Git 功能，让代码审查和提交流程完全在 Web 端完成：
- Diff 查看器：查看所有变更
- 提交：直接执行 Git 提交
- 推送：支持单独推送或提交 + 推送一体化流程
- 分支切换：在 Git 面板中切换分支（支持搜索和状态指示）
