GitHub 的差异导航器 Chrome 使用 OffiDocs

商品描述

代码位于：https://github。

com/daattali/github-diff-navigator-extension/ 描述 ========= 这是一个 Chrome 扩展，可让您轻松浏览已在 GitHub 上编辑的文件中的更改。

您可能已经注意到，通过 GitHub 编辑文件并预览更改后，没有简单的方法以良好的“下一个/上一个更改”方式浏览更改。

大多数文件格式仅显示已更改的行和周围的几行，因此通常不会造成严重的不便，但对于任何 Markdown 文档（.

md）情况有所不同。

GitHub 在预览所做的更改时会显示整个 Markdown 文档，这意味着如果您对一个大文档进行一些微小的编辑，则很难找到这些编辑并查看更改的内容。

Rmarkdown (.

Rmd) 文档的行为类似，其他 Markdown 类型的文档也可能如此。

输入：GitHub Diff 导航器。

动机 ========= 这个扩展的想法是在我阅读 Hadley Wickham 的 Advanced R 书时产生的。

每当我在一个章节（这是一个单独的 Markdown 文档）中发现一些拼写错误时，我都会在 GitHub 上对其进行编辑并发出拉取请求。

为了确保我没有犯傻，我想在“预览”选项卡中仔细检查我的编辑，但我注意到了上述问题。

我不相信自己的眼睛能在这么大的文件中找到少量的编辑，最终我使用 DOM + JavaScript 控制台来帮助我找到编辑的位置。

然后我认为在 JavaScript 控制台中玩游戏还不够核心，我决定在接下来的两天里制作一个扩展，以帮助我在未来快速发现此类更改。

功能 ========= - GitHub Diff Navigator 是非侵入式的，仅在使用 GitHub 查看文件编辑预览时才会显示。

- 当您没有打开有效的 GitHub 编辑页面时，GitHub Diff Navigator 不会占用任何资源或显示在 Chrome 的任务管理器中。

- 适用于同时打开的多个 GitHub 选项卡（每次切换选项卡时，扩展都会更新以显示该选项卡中的编辑内容）。

- 自动检测正在编辑的文件是否为 Markdown 类型，并无缝适用于两者。

- 干净直观的用户界面，未找到任何编辑时会显示有用的消息。

免责声明 ========= 我不建议使用我的代码作为学习如何编写 Chrome 扩展程序的模板或资源。

我学会了如何编写扩展并在两天内完全构建它，所以我不确定最佳实践是什么以及如何正确组织代码。

这只是测试 Chrome 扩展程序如何工作的借口。

我还在那里留下了一些丑陋的代码——请不要评判:)

附加信息：

- 由 deanattali.com 提供
- 平均评分：5 星（很喜欢）
-开发人员 此邮件地址受spam bots保护。 您必须启用JavaScript才能查看。

GitHub Web 的差异导航器 extension 与 OffiDocs 集成 Chromium 在线