Nếu bạn sử dụng bản đồ nguồn hoặc sourceURL (cả hai đều được đề cập trong HTML5 Rocks trên Bản đồ nguồn), thì bạn có thể thấy một cảnh báo trong bảng điều khiển Chrome như "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.
![Ảnh chụp màn hình của công cụ lập bản đồ nguồn](https://developer.chrome.com/static/blog/sourcemappingurl-and-sourceurl-syntax-changed/image/sourcemapping-devtools-sc-073e091987fb1.png?authuser=9&hl=vi)
Sau đây là nội dung của:
Động lực
Chúng tôi nhận thấy //@ sourceMappingURL
có xung đột với IE bất cứ khi nào thành phần này được tìm thấy trên trang sau khi //@cc_on
được diễn giải là bật tính năng biên dịch có điều kiện trong công cụ JScript của IE. Phiên bản cũ của HTML5 Shiv là một đối tượng đặc biệt vi phạm ở đây.
Thay đổi về thông số kỹ thuật
Cú pháp //@ sourceMappingURL
được xác định trong thông số kỹ thuật Sourcemap V3. Thay đổi này đã được thay đổi tại đó để sử dụng cú pháp //#
.
sourceURL
//@ sourceURL
cũng được xác định trong thông số kỹ thuật và được thiết kế để khớp với cú pháp //#
nhằm đảm bảo tính nhất quán. Hãy tiếp tục theo dõi để biết chi tiết về tác động của sourceURL. Tệp này được minispade của Ember, concatenate.js của Google và các tệp khác sử dụng. Trong Chrome, sourceURL
được hỗ trợ cho các tập lệnh cùng dòng và kiểu cùng dòng, ngoài JS được đánh giá.
Triển khai trong Công cụ của trình duyệt = đã hoàn tất!
- Trình kiểm tra Safari hiện hỗ trợ
//#
cho sourceMappingURL và sourceURL - Sự thay đổi của Firefox đã được áp dụng cho sourceURL.
- Firefox đã áp dụng thay đổi đối với sourceMappingURL. Có vé cho URL nguồn.
- Công cụ cho nhà phát triển Chrome đã cập nhật cho sourceMappingURL và sourceURL. Thư viện này cũng sẽ cảnh báo về việc sử dụng cú pháp
//@
không dùng nữa.
Tuy những thay đổi này sẽ trở thành bản phát hành ổn định, nhưng bạn có thể sử dụng đồng thời cả hai cú pháp để được hỗ trợ công cụ đầy đủ hoặc di chuyển ngay sang cú pháp #
, tuỳ theo nhu cầu của mình.