Sintaksis sourceMappingURL dan sourceURL diubah

Jika Anda menggunakan peta sumber atau URL sumber (keduanya tercakup dalam HTML5 Rocks Primer di Sourcemaps), Anda mungkin melihat peringatan di konsol Chrome seperti "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.

Screenshot Devtools Sourcemapping

Berikut adalah penjelasannya:

Dorongan

//@ sourceMappingURL ditemukan memiliki konflik dengan IE setiap kali ditemukan di halaman setelah //@cc_on ditafsirkan untuk mengaktifkan kompilasi bersyarat di mesin JScript IE. Versi lama Shiv HTML5 adalah salah satu pelanggar khusus di sini.

Perubahan Spesifikasi

Sintaksis //@ sourceMappingURL ditentukan dalam spesifikasi Sourcemap V3 Sintaksis diubah di sana untuk menggunakan sintaksis //# sebagai gantinya.

sourceURL

//@ sourceURL juga ditentukan dalam spesifikasi dan dibuat agar cocok dengan sintaksis //# untuk konsistensi. Lanjutkan untuk mengetahui detail tentang apa fungsi sourceURL. Layanan ini digunakan oleh minispade Ember, concatenate.js Google, dan lainnya. Di Chrome, sourceURL didukung untuk skrip inline dan gaya inline, selain JS yang dievaluasi.

Implementasi di Browser DevTools = selesai!

  • Safari Inspector sekarang mendukung //# untuk sourceMappingURL dan sourceURL
  • Perubahan Firebug telah muncul untuk sourceURL.
  • Firefox mendapatkan perubahan untuk sourceMappingURL. Tiket URL sumber ada di sini.
  • Chrome DevTools mendapatkan perubahan untuk sourceMappingURL dan sourceURL. Tindakan ini juga akan memperingatkan tentang penggunaan sintaksis //@ yang sudah tidak digunakan lagi.

Meskipun perubahan ini diluncurkan ke rilis stabil, Anda dapat menggunakan kedua sintaksis secara bersamaan untuk mendapatkan dukungan alat lengkap atau langsung bermigrasi ke sintaksis #, bergantung pada kebutuhan Anda.