Diff Navigator for GitHub in Chrome với OffiDocs

MÔ TẢ

Mã có sẵn tại: https://github.

com/daattali/github-diff-navigator-extension/ Mô tả ========= Đây là tiện ích mở rộng của Chrome cho phép bạn dễ dàng điều hướng qua các thay đổi trong tệp đã được chỉnh sửa trên GitHub.

Bạn có thể nhận thấy rằng sau khi chỉnh sửa tệp thông qua GitHub và xem trước các thay đổi của mình, không có cách nào dễ dàng để điều hướng qua các thay đổi theo cách "thay đổi tiếp theo/trước đó" hay.

Hầu hết các định dạng tệp chỉ hiển thị các dòng đã được thay đổi và một số dòng xung quanh, do đó, đây thường không phải là sự bất tiện khủng khiếp, nhưng đối với bất kỳ tài liệu đánh dấu nào (.

md) tình hình là khác nhau.

GitHub hiển thị toàn bộ tài liệu đánh dấu khi xem trước các thay đổi được thực hiện, điều đó có nghĩa là nếu bạn đang thực hiện một vài chỉnh sửa nhỏ cho một tài liệu lớn, thì rất khó để tìm thấy những chỉnh sửa đó và xem những gì đã thay đổi.

Rmarkdown (.

Rmd) cũng hoạt động tương tự và có khả năng là các tài liệu loại đánh dấu khác.

Nhập: GitHub Diff Navigator.

Động lực ========= Ý tưởng cho tiện ích mở rộng này nảy ra khi tôi đọc qua cuốn sách Advanced R của Hadley Wickham.

Mỗi khi tôi tìm thấy một vài lỗi chính tả trong một chương (là một tài liệu đánh dấu duy nhất), tôi sẽ chỉnh sửa nó trên GitHub và đưa ra yêu cầu kéo.

Để đảm bảo rằng tôi không tự biến mình thành một thằng ngốc, tôi muốn kiểm tra kỹ các chỉnh sửa của mình trong tab Xem trước, nhưng tôi nhận thấy sự cố được mô tả ở trên.

Tôi đã không tin vào mắt mình khi tìm thấy một vài chỉnh sửa trong các tệp lớn như vậy và cuối cùng tôi đã sử dụng bảng điều khiển DOM + JavaScript để giúp tôi tìm vị trí của các chỉnh sửa.

Sau đó, tôi quyết định rằng chơi trong bảng điều khiển JavaScript không đủ khó và tôi quyết định dành hai ngày tới để tạo tiện ích mở rộng giúp tôi nhanh chóng tìm thấy những thay đổi như vậy trong tương lai.

Các tính năng ========= - GitHub Diff Navigator không xâm phạm và sẽ chỉ hiển thị khi xem Bản xem trước của các chỉnh sửa được thực hiện trên một tệp bằng GitHub.

- GitHub Diff Navigator sẽ không chiếm bất kỳ tài nguyên nào hoặc hiển thị trong Trình quản lý tác vụ của Chrome khi bạn không mở trang đã chỉnh sửa GitHub hợp lệ.

- Hoạt động với nhiều tab GitHub được mở đồng thời (mỗi khi bạn chuyển tab, tiện ích mở rộng sẽ cập nhật để hiển thị cho bạn các chỉnh sửa trong tab đó).

- Tự động phát hiện xem tệp đang được chỉnh sửa có phải là loại đánh dấu hay không và hoạt động liền mạch cho cả hai.

- Giao diện người dùng sạch sẽ và trực quan với các thông báo hữu ích được hiển thị khi không tìm thấy chỉnh sửa nào.

Tuyên bố miễn trừ trách nhiệm ========= Tôi không khuyên bạn nên sử dụng mã của mình làm mẫu hoặc tài nguyên để tìm hiểu cách viết tiện ích mở rộng của Chrome.

Tôi đã học cách viết phần mở rộng và xây dựng nó hoàn chỉnh trong vòng hai ngày, vì vậy tôi không chắc các phương pháp hay nhất là gì và cách sắp xếp mã hợp lý.

Đó chỉ là cái cớ để kiểm tra cách các tiện ích mở rộng của Chrome hoạt động.

Tôi cũng để lại một chút mã xấu trong đó - xin đừng phán xét :)

Thông tin thêm:

- Được cung cấp bởi deanattali.com
- Đánh giá trung bình : 5 sao (thích nó)
- Nhà phát triển Địa chỉ email này đã được bảo vệ từ spam bots. Bạn cần kích hoạt Javascript để xem nó.

Diff Navigator for GitHub web extension tích hợp với OffiDocs Chromium Trực tuyến