Bản đồ nguồn giúp mã của bạn luôn dễ đọc và có thể gỡ lỗi ngay cả sau khi bạn đã kết hợp và giảm kích thước mã mà không làm ảnh hưởng đến hiệu suất.
Khi sử dụng các bộ chuyển đổi, trình thu nhỏ và trình gói khác nhau, mã bạn triển khai khác với mã mà bạn tạo. Để cải thiện hiệu suất mạng, những công cụ này nén mã thành một dòng, xoá các ký tự không cần thiết và rút ngắn các biến.
Nhiều công cụ có thể tạo bản đồ nguồn để hỗ trợ cho mã của bạn.
Công cụ của Chrome cho nhà phát triển đọc cả mã đã triển khai và bản đồ nguồn, đồng thời cho phép bạn gỡ lỗi mã như bình thường, ngay cả với điểm ngắt.
Để hiểu rõ hơn về cách hoạt động của bản đồ nguồn, hãy xem trình trực quan hóa bản đồ nguồn.
Ngoài ra, bản đồ nguồn có thể có phần mở rộng. Nếu bạn xây dựng các công cụ và khung chương trình, hãy cân nhắc việc hỗ trợ các công cụ và khung đó. Hãy xem Nghiên cứu điển hình: Gỡ lỗi góc tốt hơn bằng Công cụ cho nhà phát triển, trong đó Nhóm Công cụ cho nhà phát triển và Angular đã cải thiện trải nghiệm gỡ lỗi trong Công cụ cho nhà phát triển bằng cách hỗ trợ tiện ích x_google_ignoreList.
Để tìm hiểu thêm, hãy xem các bài viết sau: