ตัวตรวจสอบความแตกต่างของโค้ด

เปรียบเทียบโค้ดสองชิ้นเคียงข้างกันและไฮไลต์ความแตกต่าง

โค้ดต้นฉบับ

โค้ดที่แก้ไข

ไม่สนใจตัวพิมพ์

ไม่สนใจช่องว่าง

ตัดบรรทัด

บรรทัดที่เพิ่ม

บรรทัดที่ลบ

บรรทัดที่แก้ไข

บรรทัดไม่เปลี่ยนแปลง

ผลลัพธ์ Diff

ป้อนโค้ดสองชิ้นและคลิกเปรียบเทียบเพื่อดูความแตกต่าง

ตัวอย่างการใช้งาน

ฟังก์ชัน JavaScript

เปรียบเทียบสองเวอร์ชันของฟังก์ชัน JavaScript เพื่อดูการเปลี่ยนแปลงพารามิเตอร์ การอัปเดตลอจิก และการคำนวณใหม่

คลาส Python

เปรียบเทียบนิยามคลาส Python เพื่อตรวจจับเมธอดใหม่ การเพิ่มพารามิเตอร์ และค่าส่งคืนที่แก้ไข

การกำหนดค่า JSON

เปรียบเทียบไฟล์ package.json หรือการกำหนดค่าเพื่อระบุการอัปเดตเวอร์ชัน dependencies ใหม่ และการเปลี่ยนแปลงสคริปต์

คุณสมบัติ

มุมมองแยกและรวม

สลับระหว่างมุมมองแยกเคียงข้างกันและมุมมอง diff รวมสำหรับการเปรียบเทียบโค้ดที่ยืดหยุ่น

ผลลัพธ์แบบรหัสสี

บรรทัดที่เพิ่มเป็นสีเขียว ลบเป็นสีแดง แก้ไขเป็นสีเหลือง และไม่เปลี่ยนแปลงเป็นสไตล์ปกติ

การตรวจจับภาษา

ตรวจจับภาษาโปรแกรมอัตโนมัติหรือเลือกจาก 18+ ภาษารวมถึง JS, Python, PHP, CSS และอื่นๆ

ความเป็นส่วนตัวมาก่อน

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ไม่มีโค้ดถูกส่งไปยังเซิร์ฟเวอร์ใดๆ

วิธีใช้?

วางโค้ดของคุณ

วางโค้ดต้นฉบับทางซ้ายและโค้ดที่แก้ไขทางขวา เลือกภาษาหรือใช้การตรวจจับอัตโนมัติ

ตั้งค่าตัวเลือกและเปรียบเทียบ

เลือกมุมมองรวมหรือแยก เปิดใช้ตัวเลือกเช่นไม่สนใจตัวพิมพ์หรือช่องว่าง จากนั้นคลิกเปรียบเทียบ

ตรวจสอบและคัดลอก

ตรวจสอบผลลัพธ์ diff แบบรหัสสีพร้อมหมายเลขบรรทัดและสถิติ คัดลอกผลลัพธ์หากต้องการ

คำถามที่พบบ่อย

มุมมองแยกจะแสดงโค้ดต้นฉบับทางซ้ายและโค้ดที่แก้ไขทางขวาในสองคอลัมน์ มุมมองรวมจะแสดงทั้งคู่ในคอลัมน์เดียวพร้อมเครื่องหมาย + และ - เหมือนผลลัพธ์ git diff มุมมองแยกเหมาะสำหรับการตรวจสอบด้วยสายตา ส่วนมุมมองรวมเหมาะสำหรับการคัดลอกและแชร์ diff

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

เครื่องมือนี้ใช้อัลกอริทึม LCS (Longest Common Subsequence) เหมือน git diff บรรทัดที่เปลี่ยนแปลงอย่างมีนัยสำคัญอาจถูกจัดประเภทเป็นการลบเวอร์ชันเก่าบวกกับการเพิ่มเวอร์ชันใหม่ (แดง + เขียว) การเปลี่ยนแปลงเล็กน้อยในบรรทัดที่คล้ายกันจะถูกตรวจจับเป็นการแก้ไขสีเหลือง

เมื่อเปิดใช้งาน ช่องว่างและแท็บจะถูกทำให้เป็นมาตรฐานก่อนการเปรียบเทียบ บรรทัดที่ต่างกันเฉพาะการเยื้องจะถูกจัดประเภทเป็นเหมือนกัน มีประโยชน์มากสำหรับการเปรียบเทียบโค้ดก่อนและหลังรันโปรแกรมจัดรูปแบบอย่าง Prettier หรือ Black

เครื่องมือวิเคราะห์ไวยากรณ์เพื่อระบุภาษาโปรแกรม (JavaScript, Python, PHP, CSS, HTML, JSON, SQL และอีกกว่า 10 ภาษา) คุณสามารถแทนที่ได้จากเมนูดรอปดาวน์ภาษา การตรวจจับภาษาไม่ส่งผลต่ออัลกอริทึม diff

ได้ เครื่องมือนี้ทำงานกับข้อความธรรมดาทุกประเภท รวมถึง JSON, YAML, TOML, INI, XML และเนื้อหา Dockerfile ใช้ตัวเลือก "ไม่สนใจช่องว่าง" สำหรับความแตกต่างด้านการจัดรูปแบบ JSON

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

ไม่ การเปรียบเทียบทั้งหมดทำงานในเบราว์เซอร์ของคุณโดยใช้ JavaScript ไม่มีข้อมูลใดออกจากอุปกรณ์ของคุณ

เครื่องมือนี้ทำอะไรได้บ้าง?

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

มุมมองแยกกับมุมมองรวม

เลือกมุมมองที่ถูกใจคุณ มุมมองแยกวางโค้ดต้นฉบับและโค้ดที่แก้ไขเคียงข้างกันในสองคอลัมน์ เหมาะสำหรับการตรวจสอบอย่างละเอียด มุมมองรวมแสดงทุกอย่างในคอลัมน์เดียวแบบ git diff พร้อมเครื่องหมาย +/- สะดวกสำหรับคัดลอกและแชร์

ตรวจจับภาษาอัตโนมัติ

ไม่ต้องเลือกภาษาเอง เครื่องมือจะตรวจจับอัตโนมัติว่าเป็น JavaScript, Python, PHP, CSS, JSON หรือภาษาอื่นๆ ที่รองรับกว่า 18 ภาษา คุณยังสามารถเลือกเองได้ด้วย

ความเป็นส่วนตัวอย่างเต็มที่

โค้ดของคุณไม่เคยออกจากเบราว์เซอร์ การประมวลผลทั้งหมดทำฝั่งไคลเอนต์ด้วย JavaScript โดยไม่ส่งแม้แต่บรรทัดเดียวไปยังเซิร์ฟเวอร์ เหมาะสำหรับเปรียบเทียบโค้ดที่เป็นความลับหรือเป็นกรรมสิทธิ์

ความปลอดภัยและความเป็นส่วนตัว

ความปลอดภัยของข้อมูลของคุณคือความสำคัญอันดับแรกของเรา

การประมวลผลภายใน

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ

ไม่มีการถ่ายโอนข้อมูล

ข้อมูลของคุณจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ของเรา

ไม่มีการจัดเก็บข้อมูล

ไม่มีข้อมูลถูกเก็บหรือแบ่งปัน

การเข้ารหัส SSL

การเข้ารหัส SSL สำหรับการเชื่อมต่อที่ปลอดภัย

ขั้นตอนถัดไป

เปรียบเทียบข้อความ

เปรียบเทียบสองข้อความและไฮไลต์ความแตกต่าง

JSON Formatter

ตรวจสอบ จัดรูปแบบ และเพิ่มประสิทธิภาพข้อมูล JSON

เครื่องมือนี้มีประโยชน์หรือไม่?

ตัวตรวจสอบความแตกต่างของโค้ด

โค้ดต้นฉบับ

โค้ดที่แก้ไข

ผลลัพธ์ Diff

ตัวอย่างการใช้งาน

ฟังก์ชัน JavaScript

คลาส Python

การกำหนดค่า JSON

คุณสมบัติ

มุมมองแยกและรวม

ผลลัพธ์แบบรหัสสี

การตรวจจับภาษา

ความเป็นส่วนตัวมาก่อน

วิธีใช้?

วางโค้ดของคุณ

ตั้งค่าตัวเลือกและเปรียบเทียบ

ตรวจสอบและคัดลอก

คำถามที่พบบ่อย

มุมมองรวมกับมุมมองแยกต่างกันอย่างไร?

สีต่างๆ หมายความว่าอะไร?

อัลกอริทึม diff จัดการการแก้ไขเทียบกับการลบและการเพิ่มอย่างไร?

ตัวเลือก "ไม่สนใจช่องว่าง" ทำอะไร?

การตรวจจับภาษาอัตโนมัติคืออะไร?

ฉันสามารถเปรียบเทียบไฟล์ JSON หรือไฟล์คอนฟิกได้ไหม?

ปุ่มสลับทำอะไร?

โค้ดของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?

เครื่องมือนี้ทำอะไรได้บ้าง?

มุมมองแยกกับมุมมองรวม

ตรวจจับภาษาอัตโนมัติ

ความเป็นส่วนตัวอย่างเต็มที่

ความปลอดภัยและความเป็นส่วนตัว

การประมวลผลภายใน

ไม่มีการถ่ายโอนข้อมูล

ไม่มีการจัดเก็บข้อมูล

การเข้ารหัส SSL

ขั้นตอนถัดไป

เปรียบเทียบข้อความ

JSON Formatter

เครื่องมือที่เกี่ยวข้อง

ตัวสร้าง CSS Grid

ตัวทดสอบ Regex

เครื่องมือวิเคราะห์ SEO

ตัวสร้าง Robots.txt

ตัวสร้าง CSS Flexbox

ตัวสร้างเมตาแท็ก