เปลี่ยนไวยากรณ์ sourceMappingURL และ sourceURL แล้ว

พอล ไอริช

หากคุณใช้แผนที่แหล่งที่มาหรือ sourceURL (ทั้งสองแบบใน HTML5 Rocks Primer ใน Sourcemaps) คุณอาจเห็นคำเตือนในคอนโซล Chrome เช่น "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.

ภาพหน้าจอสำหรับการแมปแหล่งที่มาสำหรับนักพัฒนาเว็บ

หัวข้อนั้นเป็นแบบนี้

อิม

//@ sourceMappingURL พบว่าเกิดข้อขัดแย้งกับ IE เมื่อพบในหน้าเว็บหลังจากที่ //@cc_on ได้รับการตีความให้เปิดการคอมไพล์แบบมีเงื่อนไขในเครื่องมือ IE JScript HTML5 Shiv เวอร์ชันเดิมเป็น ผู้กระทำผิดอย่างหนึ่งที่นี่

การเปลี่ยนแปลงข้อกำหนด

ไวยากรณ์ //@ sourceMappingURL กำหนดไว้ในข้อกำหนดของ Sourcemap V3 มีการเปลี่ยนแปลงให้ใช้ไวยากรณ์ //# แทน

sourceURL

//@ sourceURL ยังกำหนดไว้ในข้อมูลจำเพาะและสร้างขึ้นเพื่อให้ตรงกับไวยากรณ์ //# เพื่อความสอดคล้อง โปรดติดตามรายละเอียดเกี่ยวกับ sourceURL ทำงาน ที่ minispade ของ Ember, concatenate.js ของ Google และอื่นๆ ใช้งาน ใน Chrome รองรับ sourceURL สำหรับสคริปต์อินไลน์และรูปแบบอินไลน์ นอกเหนือจาก JS ที่ประเมินแล้ว

การใช้งานในเครื่องมือสำหรับนักพัฒนาเว็บในเบราว์เซอร์ = เสร็จสิ้น

  • ตอนนี้ Safari Inspector รองรับ //# สำหรับ sourceMappingURL และ sourceURL
  • การเปลี่ยนแปลงของ Firebug ลงจอดสำหรับ sourceURL แล้ว
  • Firefox ลงจอดการเปลี่ยนแปลงสำหรับ sourceMappingURL มีคำขอแจ้งปัญหา sourceURL แล้ว
  • Chrome เครื่องมือสำหรับนักพัฒนาเว็บ ทำการเปลี่ยนแปลงสำหรับ sourceMappingURL และsourceURL และจะเตือนเกี่ยวกับการใช้ไวยากรณ์ //@ ที่เลิกใช้งานแล้วด้วย

แม้ว่าการเปลี่ยนแปลงเหล่านี้จะพร้อมใช้งานในเวอร์ชันเสถียร แต่คุณก็ใช้ไวยากรณ์ทั้ง 2 แบบพร้อมกันได้เพื่อการรองรับเครื่องมือเต็มรูปแบบ หรือเปลี่ยนไปใช้ไวยากรณ์ # ได้ทันที ทั้งนี้ขึ้นอยู่กับความต้องการ