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

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

ภาพหน้าจอของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์การแมปแหล่งที่มา

รายละเอียดมีดังนี้

แรงกระตุ้น

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

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

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

sourceURL

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

การติดตั้งใช้งานใน DevTools ของเบราว์เซอร์ = เสร็จแล้ว!

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

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