← Quay lại tính năng
Free

Công Cụ So Sánh Diff

Diff Tool so sánh hai khối văn bản và tô sáng các dòng được thêm, xóa, và không đổi với đầu ra mã màu. Có chế độ xem hợp nhất (unified, kiểu Git) và song song (side-by-side), cùng các tùy chọn bỏ qua khoảng trắng và bỏ qua chữ hoa/thường. Hữu ích khi xác minh chỉnh sửa, so sánh tệp cấu hình, hoặc kiểm tra nhanh phản hồi API.

So sánh hai phiên bản văn bản là một trong những tác vụ xuất hiện liên tục — xem lại những gì đã thay đổi trong tệp cấu hình, kiểm tra nhanh hai phản hồi API, xác minh việc di chuyển chuỗi không làm hỏng gì. Diff Tool thực hiện việc này một cách gọn gàng. Dán Text A (bản gốc) và Text B (bản đã thay đổi) rồi nhấn Compare. Kết quả hiển thị từng dòng được phân loại là thêm mới (xanh lá, đánh dấu +), đã xóa (đỏ, đánh dấu −), hoặc không đổi. Chuyển đổi giữa chế độ xem hợp nhất (kiểu Git, mọi thứ xếp chồng) và chế độ song song (hai cột với các dòng được ghép cặp). Diff sử dụng thuật toán longest-common-subsequence nên việc căn chỉnh là tối ưu, không phải so sánh dòng-với-dòng đơn giản. Các tùy chọn bỏ qua khoảng trắng và bỏ qua chữ hoa/thường giúp ích khi các thay đổi thật sự bị che khuất bởi nhiễu định dạng. Số liệu thống kê ở đầu hiển thị tổng số dòng thêm/xóa/không đổi để có cái nhìn tổng quan ngay lập tức.

Xem trước trực tiếp
example.com
Công cụ so sánh +3 được thêm −2 bị loại bỏ 5 không thay đổi
Thống nhất Cạnh nhau
1 1 function greet(name) {
2 console.log("Hi " + name);
2 + console.log(`Hello, ${name}!`);
3 + console.log(`Welcome back.`);
3 4 }
4 5  
5 greet("world");
6 + greet("Alice");
6 7 greet("Bob");
Các tính năng chính

So Sánh Ở Cấp Độ Dòng

Phân loại từng dòng là thêm mới, đã xóa, hoặc không đổi bằng thuật toán longest-common-subsequence để căn chỉnh tối ưu.

Chế Độ Xem Hợp Nhất & Song Song

Chuyển đổi giữa bố cục hợp nhất kiểu Git (mọi thứ xếp chồng) và bố cục song song (hai cột) tùy theo cách nào dễ đọc hơn.

Đầu Ra Mã Màu

Dòng thêm mới tô sáng màu xanh lá với dấu +; dòng đã xóa tô sáng màu đỏ với dấu −; dòng không đổi giữ màu trung tính. Quét nhanh bằng mắt.

Bỏ Qua Khoảng Trắng / Chữ Hoa Thường

Các tùy chọn cho phép bạn bỏ qua những khác biệt định dạng không quan trọng để tập trung vào các thay đổi có ý nghĩa.

Thống Kê Diff

Thanh trên cùng hiển thị số liệu "+N thêm −N xóa N không đổi" — tóm tắt nhanh mà không cần rà từng dòng.

Nhanh Với Dữ Liệu Thực Tế

Xử lý hàng nghìn dòng chỉ trong vài mili giây. Dữ liệu đầu vào lớn được giới hạn để giao diện luôn phản hồi mượt mà.

Các trường hợp sử dụng phổ biến

Xem Lại Chỉnh Sửa Trước Khi Lưu

Trước khi ghi đè một tệp, dán phiên bản cũ và mới để xác nhận chỉ những thay đổi mong muốn có mặt trong bản mới — không xóa nhầm gì.

So Sánh Phản Hồi API

Ghi lại một phản hồi trước và sau khi sửa lỗi, so sánh hai payload, và xác minh thay đổi của bạn chỉ ảnh hưởng đúng phần cần thiết.

So Sánh Tệp Cấu Hình

So sánh hai cấu hình môi trường (dev với prod, cũ với mới) để phát hiện sai lệch có thể gây ra lỗi khó nhận biết.

Xác Minh Kết Quả Định Dạng

Chạy một formatter trên một tệp và so sánh đầu vào với đầu ra để xác nhận chỉ khoảng trắng/định dạng thay đổi — không có sai lệch về ngữ nghĩa.

Kiểm Tra Nhanh Việc Di Chuyển Văn Bản

Khi cập nhật nội dung trên một trang hoặc tài liệu, so sánh bản cũ và mới để xác minh mọi bản dịch đều được áp dụng chính xác.

Cách sử dụng
1

Mở Diff Tool

Nhấp vào biểu tượng Diff trên dock của DevSuite Pro. Một panel mở ra với hai vùng văn bản đặt cạnh nhau.

2

Dán Text A Và Text B

Dán phiên bản gốc vào Text A và phiên bản đã thay đổi vào Text B. Bất kỳ loại văn bản nào cũng dùng được — code, JSON, log, văn xuôi.

3

Bật Các Tùy Chọn

Bật Ignore whitespace hoặc Ignore case nếu các thay đổi về định dạng/chữ hoa thường là nhiễu mà bạn muốn bỏ qua.

4

Nhấn Compare

Nhấn Compare. Kết quả diff hiển thị bên dưới với các dòng thêm/xóa/không đổi được mã màu cùng số liệu thống kê ở trên.

5

Chuyển Đổi Chế Độ Xem (tùy chọn)

Chuyển qua lại giữa chế độ xem Unified và Side-by-side. Unified gọn gàng hơn, side-by-side giúp thấy rõ sự ghép cặp giữa hai dòng.

Sẵn sàng thử chưa?

Cài đặt DevSuite Pro miễn phí và mở khóa hơn 64 công cụ dành cho nhà phát triển cho trình duyệt của bạn.

Thêm vào Chrome Thêm vào Edge Thêm vào FireFox