Diff-Navigator für GitHub in Chrome mit OffiDocs

BESCHREIBUNG

Code verfügbar unter: https://github.

com/daattali/github-diff-navigator-extension/ Beschreibung ========= Dies ist eine Chrome-Erweiterung, mit der Sie einfach durch die Änderungen in einer Datei navigieren können, die auf GitHub bearbeitet wurde.

Sie haben vielleicht bemerkt, dass es nach dem Bearbeiten einer Datei über GitHub und dem Anzeigen einer Vorschau Ihrer Änderungen keine einfache Möglichkeit gibt, in einer netten „nächsten/vorherigen Änderung“-Manier durch die Änderungen zu navigieren.

Die meisten Dateiformate zeigen nur die geänderten Zeilen und mehrere umgebende Zeilen, daher ist dies normalerweise keine schreckliche Unannehmlichkeit, aber für jedes Markdown-Dokument (.

md) Die Situation ist anders.

GitHub zeigt das gesamte Markdown-Dokument an, wenn eine Vorschau der vorgenommenen Änderungen angezeigt wird. Wenn Sie also ein paar kleine Änderungen an einem großen Dokument vornehmen, ist es sehr schwierig, diese Änderungen zu finden und zu sehen, was geändert wurde.

RAbschlag (.

Rmd)-Dokumente verhalten sich ähnlich und möglicherweise auch andere Markdown-Dokumente.

Geben Sie ein: GitHub Diff Navigator.

Motivation ========= Die Idee zu dieser Erweiterung kam mir, als ich Hadley Wickhams Advanced R-Buch durchlas.

Jedes Mal, wenn ich ein paar Tippfehler in einem Kapitel fand (das ein einzelnes Markdown-Dokument ist), bearbeitete ich es auf GitHub und stellte eine Pull-Anfrage.

Um sicherzugehen, dass ich mich nicht zum Idioten mache, wollte ich meine Bearbeitungen im Vorschau-Tab noch einmal überprüfen, aber ich habe das oben beschriebene Problem festgestellt.

Ich traute meinen Augen nicht, die wenigen Änderungen in so großen Dateien zu finden, und am Ende verwendete ich die DOM + JavaScript-Konsole, um mir zu helfen, herauszufinden, wo sich die Änderungen befanden.

Dann entschied ich, dass das Spielen in der JavaScript-Konsole nicht Hardcore genug war, und beschloss, die nächsten zwei Tage damit zu verbringen, eine Erweiterung zu erstellen, die mir helfen wird, solche Änderungen in Zukunft schnell zu finden.

Funktionen ========= - GitHub Diff Navigator ist nicht aufdringlich und wird nur angezeigt, wenn Sie sich die Vorschau von Änderungen ansehen, die an einer Datei mit GitHub vorgenommen wurden.

- GitHub Diff Navigator nimmt keine Ressourcen in Anspruch und wird nicht im Task-Manager von Chrome angezeigt, wenn Sie keine gültige bearbeitete GitHub-Seite geöffnet haben.

- Funktioniert mit mehreren GitHub-Registerkarten, die gleichzeitig geöffnet sind (jedes Mal, wenn Sie die Registerkarten wechseln, wird die Erweiterung aktualisiert, um Ihnen die Änderungen in dieser Registerkarte anzuzeigen).

- Erkennen Sie automatisch, ob die bearbeitete Datei vom Markdown-Typ ist oder nicht, und funktioniert nahtlos für beide.

- Saubere und intuitive Benutzeroberfläche mit hilfreichen Meldungen, die angezeigt werden, wenn keine Änderungen gefunden werden.

Haftungsausschluss ========= Ich rate davon ab, meinen Code als Vorlage oder Ressource zu verwenden, um zu lernen, wie man Chrome-Erweiterungen schreibt.

Ich habe gelernt, wie man die Erweiterung schreibt, und sie innerhalb von zwei Tagen vollständig erstellt, daher bin ich mir nicht sicher, was die Best Practices sind und wie man den Code richtig organisiert.

Es war nur ein Vorwand, um zu testen, wie Chrome-Erweiterungen funktionieren.

Ich habe auch ein bisschen hässlichen Code drin gelassen - bitte nicht beurteilen :)

Zusätzliche Information:

- Angeboten von deanattali.com
- Durchschnittliche Bewertung: 5 Sterne (liebte es)
- Entwickler Diese E-Mail-Adresse ist gegen Spambots geschützt. Sie müssen JavaScript aktivieren, damit Sie sie sehen können.

Diff Navigator für das GitHub-Web extension integriert mit den OffiDocs Chromium Online