התחביר של sourceMappingURL ושל כתובת ה-URL של המקור השתנה

פול אירלנד

אם משתמשים במפות מקור או בכתובת URL מקורית (שניהם מופיעים ב-HTML5 Rocks Primer במפות Source), יכול להיות שתוצג לכם אזהרה במסוף Chrome כמו "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.

צילום מסך של מיפוי המקור ב-Devtools

מה מדובר:

אמפטוס

ב-//@ sourceMappingURL נמצא שיש התנגשות עם IE בכל פעם שהוא נמצא בדף אחרי שהמשמעות של //@cc_on היא להפעיל הידור מותנה במנוע ה-JScript של IE. גרסה מדור קודם של HTML5 Shiv היא אחד מהעבירה הרלוונטית ביותר כאן.

שינוי במפרט

התחביר //@ sourceMappingURL מוגדר במפרט של מפת מקור V3 הוא השתנה שם כדי להשתמש בתחביר //# במקום זאת.

sourceURL

גם //@ sourceURL מוגדר במפרט ונוצר בהתאמה לתחביר //# כדי לשמור על עקביות. המשיכו לקרוא כדי לקבל פרטים על מה עושה כתובת ה-URL של המקור. הוא משמש את ה-minispade של Ember, את concatenate.js של Google ועוד. ב-Chrome, sourceURL נתמך בסקריפטים מוטבעים ובסגנונות מוטבעים, בנוסף ל-JS מוערך.

ההטמעה בכלי הפיתוח לדפדפן = בוצע!

השינויים האלה עושים את דרכם לגרסה יציבה, אבל אפשר להשתמש בשני התחבירים בו-זמנית כדי לקבל תמיכה מלאה בכלים או לעבור באופן מיידי לתחביר #, בהתאם לצרכים שלכם.