Sintaksis sourceMappingURL dan sourceURL diubah

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

Screenshot Sourcemapping Devtools

Berikut penjelasannya:

Dorongan

//@ sourceMappingURL didapati bertentangan 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 khusus di sini.

Perubahan Spesifikasi

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

sourceURL

//@ sourceURL juga ditentukan dalam spesifikasi dan dibuat agar cocok dengan sintaksis //# untuk konsistensi. Ikuti terus, untuk mengetahui detail tentang fungsi sourceURL. Objek 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 DevTools Browser = selesai.

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

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