SourceMappingURL और SourceURL सिंटैक्स बदला गया

अगर सोर्स मैप या sourceURL, दोनों में से किसी का इस्तेमाल किया जाता है (दोनों के बारे में सोर्स मैप के बारे में बुनियादी जानकारी में बताया गया है), तो आपको Chrome कंसोल में "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead. जैसी चेतावनी दिख सकती है

सोर्समैपिंग Devtools का स्क्रीनशॉट

इस बारे में यहां बताया गया है:

Impetus

//@ sourceMappingURL पाया गया कि जब भी पेज में //@cc_on का इस्तेमाल किया गया, तब IE के साथ टकराव हुआ. ऐसा इसलिए हुआ, क्योंकि //@cc_on का इस्तेमाल, IE के JScript इंजन में कंडीशनल कंपाइलेशन चालू करने के लिए किया गया था. एचटीएमएल5 शिव का लेगसी वर्शन, इस मामले में एक खास अपराधी है.

खास जानकारी में बदलाव

//@ sourceMappingURL सिंटैक्स, सोर्समैप V3 स्पेसिफ़िकेशन में बताया गया है. इसे //# सिंटैक्स का इस्तेमाल करने के लिए बदला गया था.

sourceURL

//@ sourceURL को भी स्पेसिफ़िकेशन में बताया गया है. इसे एक जैसा रखने के लिए, //# सिंटैक्स से मैच करने के लिए बनाया गया था. sourceURL क्या करता है, इस बारे में जानने के लिए यहां दिया गया तरीका अपनाएं. इसका इस्तेमाल Ember के minispade, Google के concatenate.js वगैरह करते हैं. Chrome में, sourceURL का इस्तेमाल इनलाइन स्क्रिप्ट और इनलाइन स्टाइल के साथ-साथ, जांची गई JS के लिए भी किया जा सकता है.

ब्राउज़र DevTools में लागू करना = हो गया!

  • Safari Inspector अब sourceMappingURL और sourceURL के लिए //# के साथ काम करता है
  • sourceURL के लिए, Firebug में बदलाव हो गया है.
  • Firefox में, sourceMappingURL के लिए बदलाव हो गया है. sourceURL टिकट यहां है.
  • Chrome DevTools में, sourceMappingURL और sourceURL के लिए बदलाव किया गया है. यह काम न करने वाले //@ सिंटैक्स के इस्तेमाल के बारे में भी चेतावनी देगा.

ये बदलाव, स्टेबल रिलीज़ में शामिल किए जा रहे हैं. हालांकि, टूल के पूरे सपोर्ट के लिए, दोनों सिंटैक्स का एक साथ इस्तेमाल किया जा सकता है. इसके अलावा, अपनी ज़रूरतों के हिसाब से, # सिंटैक्स पर तुरंत माइग्रेट किया जा सकता है.