GitHub용 Diff Navigator Chrome OffiDocs와 함께

기술

코드 사용 가능: https://github.

com/daattali/github-diff-navigator-extension/ 설명 ========= 이것은 GitHub에서 편집된 파일의 변경 사항을 쉽게 탐색할 수 있는 Chrome 확장 프로그램입니다.

GitHub를 통해 파일을 편집하고 변경 사항을 미리 본 후에 멋진 "다음/이전 변경" 방식으로 변경 사항을 탐색할 수 있는 쉬운 방법이 없다는 것을 눈치챘을 것입니다.

대부분의 파일 형식은 변경된 줄과 여러 개의 주변 줄만 표시하므로 일반적으로 심각한 불편은 아니지만 모든 마크다운 문서(.

md) 상황이 다릅니다.

GitHub는 변경 사항을 미리 볼 때 전체 마크다운 문서를 보여줍니다. 즉, 큰 문서를 약간만 수정하는 경우 이러한 수정 사항을 찾고 변경된 내용을 확인하기가 매우 어렵습니다.

알마크다운(.

Rmd) 문서는 유사하게 작동하며 잠재적으로 다른 마크다운 유형 문서도 마찬가지입니다.

입력: GitHub Diff Navigator.

동기 부여 ========= 이 확장에 대한 아이디어는 내가 Hadley Wickham의 Advanced R 책을 읽을 때 나왔습니다.

챕터(단일 마크다운 문서)에서 몇 가지 오타를 발견할 때마다 GitHub에서 편집하고 풀 요청을 했습니다.

나 자신을 바보로 만들지 않기 위해 미리보기 탭에서 내 편집 내용을 다시 확인하고 싶었지만 위에서 설명한 문제를 발견했습니다.

이렇게 큰 파일에서 몇 가지 수정 사항을 찾는 데 내 눈을 믿지 않았고 결국 DOM + JavaScript 콘솔을 사용하여 수정 사항이 있는 위치를 찾는 데 도움을 받았습니다.

그런 다음 JavaScript 콘솔에서 플레이하는 것이 충분히 하드코어하지 않다고 판단하고 향후 이러한 변경 사항을 빠르게 찾는 데 도움이 되는 확장 프로그램을 만드는 데 다음 이틀을 보내기로 결정했습니다.

기능 ========= - GitHub Diff Navigator는 비간섭적이며 GitHub를 사용하여 파일에 대한 편집 미리 보기를 볼 때만 표시됩니다.

- 유효한 GitHub 편집 페이지가 열려 있지 않으면 GitHub Diff Navigator가 리소스를 차지하거나 Chrome의 작업 관리자에 표시되지 않습니다.

- 동시에 열려 있는 여러 GitHub 탭에서 작동합니다(탭을 전환할 때마다 확장 프로그램이 업데이트되어 해당 탭의 편집 내용을 표시함).

- 편집 중인 파일이 마크다운 유형인지 여부를 자동으로 감지하고 둘 다 원활하게 작동합니다.

- 수정 사항이 없을 때 유용한 메시지가 표시되는 깨끗하고 직관적인 UI.

면책 조항 ========= Chrome 확장 프로그램 작성 방법을 배우기 위한 템플릿이나 리소스로 내 코드를 사용하는 것은 권장하지 않습니다.

확장 프로그램을 작성하는 방법을 배웠고 이틀 만에 완전히 구축했기 때문에 모범 사례가 무엇인지, 코드를 올바르게 구성하는 방법을 잘 모르겠습니다.

Chrome 확장 프로그램의 작동 방식을 테스트하기 위한 변명일 뿐입니다.

나는 또한 거기에 약간의 추악한 코드를 남겼습니다 -- 판단하지 마십시오 :)

추가 정보 :

- deanattali.com 제공
- 평균 평점: 별 5개(좋아요)
-개발자 이 이메일 주소는 스팸봇으로부터 보호됩니다. 당신은 자바 스크립트를 활성화해야합니다.

GitHub 웹용 Diff Navigator extension OffiDocs와 통합 Chromium 온라인