หากใช้แผนที่แหล่งที่มาหรือ sourceURL (ทั้ง 2 อย่างที่อยู่ใน HTML5 Rocks Primer ใน Sourcemaps) คุณอาจเห็นคำเตือนในคอนโซล Chrome อย่างเช่น "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.
![ภาพหน้าจอของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์การแมปแหล่งที่มา](https://developer.chrome.com/static/blog/sourcemappingurl-and-sourceurl-syntax-changed/image/sourcemapping-devtools-sc-073e091987fb1.png?authuser=5&hl=th)
รายละเอียดมีดังนี้
แรงกระตุ้น
//@ 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 แบบพร้อมกันสำหรับการรองรับเครื่องมือเต็มรูปแบบหรือย้ายข้อมูลไปยังไวยากรณ์ #
ทันทีก็ได้ ทั้งนี้ขึ้นอยู่กับความต้องการของคุณ