Cara menggunakan Pembanding Teks
- Tempel versi asli ke Teks asli dan versi baru ke Teks yang diubah (atau buka dua file).
- Perbedaan dihitung saat kamu mengetik. Untuk input yang sangat besar, tekan Compare (atau Ctrl+Enter).
- Pindah antara tampilan Side by side dan Inline. Kata yang berubah disorot di dalam setiap baris yang diubah.
- Centang Ignore whitespace atau Ignore case untuk menyembunyikan perbedaan yang tidak penting, dan klik area yang diciutkan untuk membukanya.
- Gunakan Copy diff untuk mendapatkan unified diff yang bisa kamu tempel di code review atau terapkan dengan
git apply.
Apa itu diff checker?
Diff checker membandingkan dua versi sebuah teks dan menunjukkan dengan jelas apa yang berubah: baris yang ditambahkan, baris yang dihapus, dan baris yang diubah. Developer memakainya untuk meninjau perubahan konfigurasi, membandingkan respons API, atau mengecek perubahan yang dibuat formatter. Penulis dan editor memakainya untuk membandingkan draf atau revisi kontrak. Idenya sama dengan git diff atau perintah diff, hanya saja ditampilkan secara visual di browser.
Cara kerja perbandingan
Pertama, alat ini mencari longest common subsequence dari baris-baris di antara dua teks menggunakan algoritma Myers diff (algoritma di balik diff default Git, melalui pustaka open-source jsdiff). Baris yang muncul di kedua teks dengan urutan yang sama dianggap tidak berubah. Selebihnya adalah penambahan atau penghapusan. Jika sebuah baris yang dihapus dan sebuah baris yang ditambahkan berada di posisi yang sama, keduanya dipasangkan sebagai modifikasi dan dibandingkan lagi kata per kata. Jadi kamu bisa melihat bahwa hanya 8080 yang berubah menjadi 8443, bukan dua baris merah dan hijau yang tampak tidak berhubungan.
Baris identik di awal dan akhir dilewati sebelum proses diff, dan isi setiap baris di-hash. Cara ini membuat perbandingan ribuan baris tetap cepat. Semua proses berjalan secara lokal, jadi tidak ada data yang diunggah.
Tampilan sejajar vs. inline
| Tampilan | Paling cocok untuk |
|---|---|
| Side by side | Layar lebar dan meninjau perubahan di dalam baris. Teks asli ada di kiri, versi baru di kanan. |
| Inline (unified) | Ponsel, jendela sempit, dan baris yang panjang. Baris yang dihapus (−) ditampilkan di atas baris yang ditambahkan (+), mirip pull request di GitHub. |
Opsi
- Ignore whitespace memperlakukan spasi dan tab yang berurutan sebagai satu spasi, serta mengabaikan spasi di awal dan akhir baris. Sangat berguna saat sebuah file hanya diindentasi ulang.
- Ignore case menganggap “Error” dan “error” sama.
- Collapse unchanged menyembunyikan bagian yang panjang dan tidak berubah, dengan tetap menampilkan tiga baris konteks di sekitar setiap perubahan. Klik baris yang diciutkan untuk membukanya.
- Copy diff menghasilkan unified diff standar (blok
---/+++/@@) yang dipahami alat sepertipatchdangit apply.
Tips
Membandingkan kode minified atau JSON? Format dulu kedua versinya dengan JSON Formatter, JavaScript Formatter, atau CSS Formatter. Dengan begitu diff menampilkan perubahan yang sebenarnya, bukan satu baris panjang. Untuk menghapus baris duplikat dari daftar sebelum dibandingkan, gunakan Remove Duplicate Lines.
Juga dicari sebagai: diff checker, bandingkan teks, perbedaan teks, bandingkan dua teks, bandingkan file, compare text online, cek perbedaan teks, diff tool.
Tool yang cocok dipakai bersama Pembanding Teks
- Regex Tester — Ketik pola dan lihat hasil cocok langsung ter-highlight di teks ujimu.
- Word Counter — Tempel atau ketik teksmu untuk menghitung kata dan karakter secara langsung, plus estimasi waktu baca dan bicara, kepadatan kata kunci, serta cek panjang untuk judul SEO, meta description, dan postingan media sosial.
- Formatter HTML — Tempel markup yang berantakan atau sudah di-minify, lalu dapatkan HTML rapi dengan indentasi konsisten — termasuk blok <style> dan <script> di dalamnya.
- CSS Minifier — Tempel stylesheet untuk langsung memperkecil ukurannya.
Pertanyaan yang sering diajukan
Apakah teks saya diunggah ke server?
Seberapa besar teks yang bisa dibandingkan?
Apa saja yang diabaikan oleh “Ignore whitespace”?
Bisakah saya membandingkan file Word atau PDF?
Apa itu unified diff?
-, baris yang ditambahkan ditandai +, dan header @@ menunjukkan nomor baris. Format inilah yang dicetak oleh git diff dan diterapkan oleh alat patch.