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

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

צילום מסך של Sourcemapping Devtools

זה מה שקורה:

Impetus

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

שינוי במפרט

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

sourceURL

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

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

  • כלי הבדיקה של Safari תומך עכשיו ב-//# עבור sourceMappingURL ו-sourceURL
  • השינוי ב-Firebug הושלם לגבי sourceURL.
  • השינויים ב-sourceMappingURL הוכנסו ל-Firefox. הכרטיס של sourceURL
  • כלי הפיתוח של Chrome הטמיעו את השינוי לגבי sourceMappingURL ו-sourceURL. בנוסף, תופיע אזהרה לגבי השימוש בתחביר //@ שהוצא משימוש.

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