Sintaksis sourceMappingURL dan sourceURL diubah

Jika menggunakan peta sumber atau sourceURL (keduanya dibahas dalam panduan dasar tentang peta sumber ini), 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 penjelasannya:

Impetus

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

Perubahan Spesifikasi

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

sourceURL

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

Penerapan di Browser DevTools = selesai!

  • Safari Inspector kini mendukung //# untuk sourceMappingURL dan sourceURL
  • Perubahan Firebug telah diluncurkan untuk sourceURL.
  • Firefox men-deploy perubahan untuk sourceMappingURL. Tiket sourceURL ada di sini.
  • Chrome DevTools menerapkan perubahan untuk sourceMappingURL dan sourceURL. Tindakan ini juga akan memperingatkan tentang penggunaan sintaksis //@ yang tidak digunakan lagi.

Saat 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.