Diff Navigator สำหรับ GitHub ใน Chrome ด้วย OffiDocs

DESCRIPTION

รหัสสามารถใช้ได้ที่: https://github.

com/daattali/github-diff-navigator-extension/ คำอธิบาย ========= นี่คือส่วนขยายของ Chrome ที่ช่วยให้คุณนำทางผ่านการเปลี่ยนแปลงในไฟล์ที่แก้ไขบน GitHub ได้อย่างง่ายดาย

คุณอาจสังเกตเห็นว่าหลังจากแก้ไขไฟล์ผ่าน GitHub และดูตัวอย่างการเปลี่ยนแปลงของคุณแล้ว ไม่มีวิธีง่ายๆ ในการนำทางผ่านการเปลี่ยนแปลงในลักษณะ "การเปลี่ยนแปลงถัดไป/ก่อนหน้า" ที่ดี

รูปแบบไฟล์ส่วนใหญ่แสดงเฉพาะบรรทัดที่เปลี่ยนแปลงและบรรทัดรอบๆ หลายบรรทัด ดังนั้นโดยปกติแล้วจะไม่ก่อให้เกิดความไม่สะดวกมากนัก แต่สำหรับเอกสารมาร์กดาวน์ (.

md) สถานการณ์แตกต่างกัน

GitHub แสดงทั้งเอกสารที่ลดราคาเมื่อดูตัวอย่างการเปลี่ยนแปลงที่ทำ ซึ่งหมายความว่าหากคุณทำการแก้ไขเล็กๆ น้อยๆ ในเอกสารขนาดใหญ่ การค้นหาการแก้ไขเหล่านั้นและดูว่ามีอะไรเปลี่ยนแปลงนั้นทำได้ยากมาก

มาร์คดาวน์ (.

Rmd) เอกสารจะทำงานคล้ายกัน และเอกสารประเภทลดราคาอื่นๆ ก็เป็นไปได้เช่นกัน

ป้อน: GitHub Diff Navigator

แรงจูงใจ ========= แนวคิดสำหรับส่วนขยายนี้เกิดขึ้นเมื่อฉันอ่านหนังสือ Advanced R ของ Hadley Wickham

ทุกครั้งที่ฉันพบการพิมพ์ผิดเล็กน้อยในบท (ซึ่งเป็นเอกสารลดขนาดเดียว) ฉันจะแก้ไขบน GitHub และส่งคำขอดึงข้อมูล

เพื่อให้แน่ใจว่าฉันไม่ได้ทำตัวงี่เง่า ฉันต้องการตรวจสอบการแก้ไขของฉันอีกครั้งในแท็บดูตัวอย่าง แต่ฉันสังเกตเห็นปัญหาที่อธิบายไว้ข้างต้น

ฉันไม่ไว้ใจสายตาตัวเองในการค้นหาการแก้ไขเพียงเล็กน้อยในไฟล์ขนาดใหญ่เช่นนี้ และลงเอยด้วยการใช้คอนโซล DOM + JavaScript เพื่อช่วยฉันค้นหาว่าการแก้ไขนั้นอยู่ที่ไหน

จากนั้นฉันตัดสินใจว่าการเล่นในคอนโซล JavaScript นั้นไม่ฮาร์ดคอร์พอ และฉันตัดสินใจใช้เวลาสองวันถัดไปในการสร้างส่วนขยายที่จะช่วยให้ฉันพบการเปลี่ยนแปลงดังกล่าวได้อย่างรวดเร็วในอนาคต

คุณสมบัติ ========= - GitHub Diff Navigator ไม่ล่วงล้ำและจะแสดงเฉพาะเมื่อดูตัวอย่างการแก้ไขที่ทำในไฟล์โดยใช้ GitHub

- GitHub Diff Navigator จะไม่ใช้ทรัพยากรใดๆ หรือแสดงใน Task Manager ของ Chrome เมื่อคุณไม่ได้เปิดหน้าที่แก้ไข GitHub ที่ถูกต้อง

- ทำงานร่วมกับแท็บ GitHub หลายแท็บที่เปิดพร้อมกัน (ทุกครั้งที่คุณเปลี่ยนแท็บ ส่วนขยายจะอัปเดตเพื่อแสดงการแก้ไขในแท็บนั้น)

- ตรวจสอบโดยอัตโนมัติว่าไฟล์ที่กำลังแก้ไขเป็นแบบมาร์กดาวน์หรือไม่ และใช้งานได้อย่างราบรื่นสำหรับทั้งสองอย่าง

- UI ที่สะอาดและใช้งานง่ายพร้อมข้อความที่เป็นประโยชน์ที่แสดงเมื่อไม่พบการแก้ไข

ข้อจำกัดความรับผิดชอบ ========= ฉันจะไม่แนะนำให้ใช้โค้ดของฉันเป็นเทมเพลตหรือแหล่งข้อมูลสำหรับการเรียนรู้วิธีเขียนส่วนขยายของ Chrome

ฉันได้เรียนรู้วิธีเขียนส่วนขยายและสร้างส่วนขยายทั้งหมดภายในสองวัน ดังนั้นฉันจึงไม่แน่ใจว่าแนวทางปฏิบัติที่ดีที่สุดคืออะไรและจะจัดระเบียบโค้ดอย่างไรให้ถูกต้อง

มันเป็นเพียงข้ออ้างในการทดสอบว่าส่วนขยายของ Chrome ทำงานอย่างไร

ฉันยังทิ้งโค้ดน่าเกลียดไว้เล็กน้อยในนั้นด้วย -- โปรดอย่าตัดสิน :)

ข้อมูลเพิ่มเติม:

- นำเสนอโดย deanattali.com
- เรตติ้งเฉลี่ย : 5 ดาว (ชอบมาก)
- นักพัฒนา อีเมลนี้จะถูกป้องกันจากสแปมบอท แต่คุณต้องเปิดการใช้งานจาวาสคริ

Diff Navigator สำหรับเว็บ GitHub extension รวมเข้ากับ OffiDocs Chromium ออนไลน์