GitHub Diff Navigator允许您轻松地浏览在GitHub上编辑的文件中的更改。 可用的代码:https://github.com/daattali/github-diff-navigator-extension/说明=========这是一个Chrome扩展程序,可让您轻松浏览文件中的更改,已在GitHub上进行了编辑。 您可能已经注意到,在通过GitHub编辑文件并预览更改之后,没有一种简便的方法可以以“下一个/上一个更改”的方式浏览更改。 大多数文件格式仅显示已更改的行以及周围的几行,因此通常不会造成严重的不便,但是对于任何降价文档(.md),情况都不同。 GitHub在预览所做的更改时会显示整个markdown文档,这意味着如果您要对大型文档进行一些微小的编辑,则很难找到这些编辑并查看更改。 Rmarkdown(.Rmd)文档的行为类似,并且可能还有其他markdown类型的文档。 输入:GitHub Diff Navigator。 动机==========当我阅读Hadley Wickham的Advanced R书时,这个扩展的想法来了。 每当我在一个章节(这是一个markdown文档)中发现一些错别字时,我都会在GitHub上进行编辑并提出拉取请求。 为了确保我不会使自己变得白痴,我想在“预览”选项卡中仔细检查我的编辑,但是我注意到了上述问题。 我不相信自己会在如此大的文件中找到一些编辑内容,因此最终使用DOM + JavaScript控制台来帮助我找到编辑内容。 然后,我决定在JavaScript控制台中玩游戏还不够硬,因此我决定在接下来的两天中进行扩展,这将有助于我在将来快速找到此类更改。 功能=========-GitHub Diff Navigator是非侵入性的,仅当查看使用GitHub对文件所做的编辑预览时才会显示。 -当您没有打开有效的GitHub编辑页面时,GitHub Diff Navigator将不会占用任何资源或不会显示在Chrome的任务管理器中。 -适用于同时打开的多个GitHub标签(每次切换标签时,扩展名都会更新,以向您显示该标签中的修改)。 -自动检测正在编辑的文件是否为markdown类型,并无缝地适用于这两种文件。 -干净直观的用户界面,未找到任何修改时会显示有用的消息。 免责声明==========我不建议使用我的代码作为模板或资源来学习如何编写Chrome扩展程序。 我学习了如何编写扩展并在两天内完全构建了扩展,因此我不确定最佳实践是什么以及如何正确组织代码。 这只是测试Chrome扩展程序如何工作的借口。 我还在那里留下了一些难看的代码-请不要判断:) 支持语言:English