![Preview of Diff Navigator for GitHub](https://addons.mozilla.org/user-media/addon_icons/2649/2649116-64.png?modified=fd6a714e)
Diff Navigator for GitHub by Dean Attali
GitHub Diff Navigator allows you to easily navigate through the changes in a file that has been edited on GitHub.
You'll need Firefox to use this extension
Extension Metadata
Screenshots
![](https://addons.mozilla.org/user-media/previews/thumbs/240/240355.jpg?modified=1622135732)
![](https://addons.mozilla.org/user-media/previews/thumbs/240/240356.jpg?modified=1622135735)
![](https://addons.mozilla.org/user-media/previews/thumbs/240/240357.jpg?modified=1622135737)
![](https://addons.mozilla.org/user-media/previews/thumbs/240/240358.jpg?modified=1622135740)
![](https://addons.mozilla.org/user-media/previews/thumbs/240/240359.jpg?modified=1622135744)
About this extension
GitHub Diff Navigator allows you to easily navigate through the changes in a file that has been edited on GitHub.
Code available at: https://github.com/daattali/github-diff-navigator-extension/
Description
=========
This is a Firefox extension that allows you to easily navigate through the changes in a file that has been edited on GitHub.
You may have noticed that after editing a file through GitHub and previewing your changes, there is no easy way to navigate through the changes in a nice "next/previous change" manner. Most file formats only show the lines that were changed and several surrounding lines, so it's usually not a terrible inconvenience, but for any markdown document (.md) the situation is different. GitHub shows the entire markdown document when previewing the changes made, which means that if you're making a few tiny edits to a large document, it's very hard to find those edits and see what's changed. Rmarkdown (.Rmd) documents behave similarly, and potentially other markdown-type documents as well.
Enter: GitHub Diff Navigator.
Motivation
=========
The idea for this extension came when I was reading through Hadley Wickham's Advanced R book. Every time I found a few typos in a chapter (which is a single markdown document), I would edit it on GitHub and make a pull request.
To make sure I didn't make an idiot out of myself, I wanted to double-check my edits in the Preview tab, but I noticed the problem described above. I didn't trust my eyes in finding the few edits in such large files, and I ended up using the DOM + JavaScript console to help me find where the edits were.
Then I decided that playing in the JavaScript console wasn't hardcore enough and I decided to spend the next two days making an extension that will help me find such changes quickly in the future.
Features
=========
- GitHub Diff Navigator is non-intrusive and will only show up when looking at the Preview of edits made on a file using GitHub.
- GitHub Diff Navigator will not take up any resources or show up in the Task Manager when you don't have a valid GitHub edited page open.
- Works with multiple GitHub tabs that are open simultaneously (every time you switch tabs, the extension will update to show you the edits in that tab).
- Automatically detect whether the file being edited is markdown-type or not, and seamlessly works for both.
- Clean and intuitive UI with helpful messages shown when no edits are found.
Code available at: https://github.com/daattali/github-diff-navigator-extension/
Description
=========
This is a Firefox extension that allows you to easily navigate through the changes in a file that has been edited on GitHub.
You may have noticed that after editing a file through GitHub and previewing your changes, there is no easy way to navigate through the changes in a nice "next/previous change" manner. Most file formats only show the lines that were changed and several surrounding lines, so it's usually not a terrible inconvenience, but for any markdown document (.md) the situation is different. GitHub shows the entire markdown document when previewing the changes made, which means that if you're making a few tiny edits to a large document, it's very hard to find those edits and see what's changed. Rmarkdown (.Rmd) documents behave similarly, and potentially other markdown-type documents as well.
Enter: GitHub Diff Navigator.
Motivation
=========
The idea for this extension came when I was reading through Hadley Wickham's Advanced R book. Every time I found a few typos in a chapter (which is a single markdown document), I would edit it on GitHub and make a pull request.
To make sure I didn't make an idiot out of myself, I wanted to double-check my edits in the Preview tab, but I noticed the problem described above. I didn't trust my eyes in finding the few edits in such large files, and I ended up using the DOM + JavaScript console to help me find where the edits were.
Then I decided that playing in the JavaScript console wasn't hardcore enough and I decided to spend the next two days making an extension that will help me find such changes quickly in the future.
Features
=========
- GitHub Diff Navigator is non-intrusive and will only show up when looking at the Preview of edits made on a file using GitHub.
- GitHub Diff Navigator will not take up any resources or show up in the Task Manager when you don't have a valid GitHub edited page open.
- Works with multiple GitHub tabs that are open simultaneously (every time you switch tabs, the extension will update to show you the edits in that tab).
- Automatically detect whether the file being edited is markdown-type or not, and seamlessly works for both.
- Clean and intuitive UI with helpful messages shown when no edits are found.
Rate your experience
PermissionsLearn more
This add-on needs to:
- Access your data for github.com
More information
- Add-on Links
- Version
- 1.0
- Size
- 72.48 KB
- Last updated
- 4 years ago (Jun 24, 2020)
- Related Categories
- License
- The MIT License
- Version History
Add to collection
More extensions by Dean Attali
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet