Diff Navigator for GitHub

代码木鱼

概述
GitHub Diff Navigator 允许您轻松浏览已在 GitHub 上编辑的文件中的更改。
代码位于：https://github.com/daattali/github-diff-navigator-extension/

描述
=========

这是一个 Edge 扩展，可让您轻松浏览已在 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 不会占用任何资源，也不会处于活动状态。
- 适用于同时打开的多个 GitHub 选项卡（每次切换选项卡时，扩展都会更新以显示该选项卡中的编辑内容）。
- 自动检测正在编辑的文件是否为 Markdown 类型，并无缝适用于两者。
- 干净直观的用户界面，未找到任何编辑时会显示有用的消息。


免责声明
=========

我不建议使用我的代码作为学习如何编写 Edge 扩展的模板或资源。我学会了如何编写扩展并在两天内完全构建它，所以我不确定最佳实践是什么以及如何正确组织代码。这只是测试扩展如何工作的借口。我还在那里留下了一些丑陋的代码——请不要评判

[url=https://e2.crxsoso.com/filestreamingservice/files/493dfe97-4a04-4015-a62d-c247cdd3e590?P1=1786348383&2=404&3=2&4=FNwxo9DIbYkfK%2bydRA%2biU8Tsnpz5ZBdr6iBT7FDy%2feunhEBAcL5Z%2fXVn9yP2rYqbPgbLojO78lHIgDQ3diTDZg%3d%3d&ext=crx&filename=Diff%20Navigator%20for%20GitHub%201.0&type=dl]Diff Navigator for GitHub 1.0.crx[/url]	.crx	1.0	63.47KiB	支持
[url=https://e2.crxsoso.com/filestreamingservice/files/493dfe97-4a04-4015-a62d-c247cdd3e590?P1=1786348383&2=404&3=2&4=FNwxo9DIbYkfK%2bydRA%2biU8Tsnpz5ZBdr6iBT7FDy%2feunhEBAcL5Z%2fXVn9yP2rYqbPgbLojO78lHIgDQ3diTDZg%3d%3d&ext=crx&filename=Diff%20Navigator%20for%20GitHub%201.0&type=zip]Diff Navigator for GitHub 1.0.zip[/url]	.zip	1.0	63.47KiB	不支持