Refined-GitHub 项目中的编辑器快捷访问功能探讨

在 GitHub 的日常使用中，开发者经常需要在网页编辑器和代码比较视图之间切换。Refined-GitHub 作为一个提升 GitHub 使用体验的浏览器扩展，可以考虑为代码比较页面添加快捷访问编辑器功能。

功能背景

当开发者在 GitHub 上进行代码比较时（例如查看分支差异或 Pull Request 变更），有时会需要进一步编辑文件。目前流程需要手动导航到 GitHub 的网页编辑器，这打断了开发者的工作流。

技术实现方案

通过监听键盘快捷键（如点号键），可以在代码比较页面快速跳转到对应的编辑器视图。核心逻辑包括：

1. 检测当前是否处于代码比较页面
2. 解析当前 URL 获取分支/提交信息
3. 构造对应的编辑器 URL
4. 实现快捷键监听和跳转

实现细节

function redirectToEditor() {
  // 从路径中提取用户名、仓库名和分支信息
  const pathParts = location.pathname.split('/');
  const [user, repo, , , branch] = pathParts;
  
  // 构造编辑器URL
  location.href = `https://github.dev/${user}/${repo}/tree/${branch}`;
}

function initEditorShortcut(signal) {
  // 注册快捷键监听
  registerHotkey('.', redirectToEditor, {signal});
}

应用场景

该功能特别适用于以下工作场景：

• 查看代码差异后需要立即编辑
• 快速修复 Pull Request 中的问题
• 临时调整比较分支中的代码

扩展思考

类似的功能可以进一步扩展，例如：

• 支持从编辑器快速返回比较视图
• 记住上次访问的位置
• 支持自定义快捷键

这种类型的增强功能体现了 Refined-GitHub 项目的核心价值 - 通过小而美的改进提升开发者的日常工作效率。