Diff Navigator for GitHub

提供方:deanattali.com
2019年12月29日
189 个用户
版本:1.0
更新时间:2018年9月7日
大小:42.98KiB
               

简介

代码可在以下网址获得: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扩展程序如何工作的借口。我还在那里留下了一些难看的代码-请不要判断:)