Microsoft Edge के नए डेवलपर फीचर: SPA परफॉर्मेंस से AI एजेंट तक

Microsoft Edge के हालिया वेब डेवलपमेंट अपडेट परफॉर्मेंस मापने, डिबगिंग और नए तरह के इंटरैक्शन बनाने से जुड़े हैं। इनकी उपलब्धता एक जैसी नहीं है: कुछ फीचर Edge या DevTools में दर्ज हैं, कुछ को परीक्षण के लिए आज़माया जा सकता है, और प्रस्तावित नेटिव मेन्यू एलिमेंट अभी ऐसा फीचर नहीं है जिस पर प्रोडक्शन साइट निर्भर करे। 16333940

सिंगल-पेज ऐप के धीमे बदलावों को मापें

सिंगल-पेज ऐप (SPA) में यूज़र एक व्यू से दूसरे व्यू पर जा सकता है, जबकि पूरा पेज दोबारा लोड नहीं होता। इसलिए केवल पेज लोड का समय देखने से ऐप के भीतर होने वाले बदलावों की पूरी तस्वीर नहीं मिलती। Edge के Performance API में दो नई एंट्री टाइप इस काम में मदद करती हैं: soft-navigation यूज़र इंटरैक्शन से शुरू हुए, उसी दस्तावेज़ के भीतर के history बदलाव दर्ज करता है; interaction-contentful-paint बताता है कि इंटरैक्शन से बदले गए पेज के हिस्से में नया कंटेंट कब दिखाई दिया। 40

Edge के रिलीज़ नोट्स SPA में परफॉर्मेंस मेट्रिक्स जुटाने के लिए soft-navigation heuristics का भी ज़िक्र करते हैं। इन संकेतों से डेवलपर यह जांच सकते हैं कि ऐप के भीतर बदलाव कब हुआ और उसके बाद कंटेंट कब दिखा। ये जांच के संकेत हैं—अपने-आप परफॉर्मेंस सुधारने वाला उपाय नहीं। 3940

JavaScript प्रोफाइल में ब्राउज़र के काम का संदर्भ

JavaScript Self-Profiling markers, JavaScript samples के बीच ब्राउज़र की गतिविधियों का संदर्भ देते हैं। इनमें styling, layout, painting और garbage collection जैसे काम शामिल हो सकते हैं। इससे डेवलपर यह समझने में मदद पा सकते हैं कि समय ऐप के JavaScript कोड में लग रहा है या ब्राउज़र के दूसरे कामों में। इसे प्रोडक्शन वर्कफ़्लो में अपनाने से पहले Edge के मौजूदा दस्तावेज़ और फीचर की उपलब्धता जांचें। 1

DevTools में नेटवर्क रिक्वेस्ट दोबारा चलाएं और संपादित करें

Network टूल का Resend कमांड पेज को फिर से लोड किए बिना रिकॉर्ड की गई रिक्वेस्ट दोबारा भेजता है। बार-बार रिक्वेस्ट चलाकर उसका व्यवहार जांचना हो, तो यह काम आ सकता है। 18

नया Edit and resend as Fetch वर्कफ़्लो डेवलपर को रिकॉर्ड की गई रिक्वेस्ट में बदलाव करके उसे Console में fetch() कॉल के रूप में आज़माने देता है। इससे रिक्वेस्ट की जांच आसान हो सकती है, लेकिन नेटवर्क कनेक्शन तेज़ नहीं होता। Microsoft के डेवलपर अपडेट में नया वर्कफ़्लो बताया गया है और Edge का दस्तावेज़ रिक्वेस्ट दोबारा भेजने की प्रक्रिया समझाता है। 118

WebMCP से ब्राउज़िंग एजेंट के लिए साइट तैयार करें

WebMCP एक उभरता हुआ तरीका है, जिससे वेबसाइट अपने कुछ कामों को संरचित ऐक्शन के रूप में उपलब्ध करा सकती है। इसका उद्देश्य ब्राउज़िंग एजेंट को साइट के घोषित टूल या ऐक्शन के ज़रिए काम करने देना है—सिर्फ़ पेज को देखकर उसका अर्थ समझने पर निर्भर नहीं रहना। Microsoft इसे शुरुआती परीक्षण फीचर के रूप में पेश करता है, इसलिए इसे अभी प्रयोगात्मक समझें; यह मानकर न चलें कि हर यूज़र के लिए उपलब्ध है। 1

OpaqueRange से टेक्स्ट पर आधारित इंटरैक्शन बनाएं

OpaqueRange टेक्स्ट वाले <input> या <textarea> के भीतर टेक्स्ट की लाइव रेंज दर्शाता है। इससे डेवलपर फ़ॉर्म कंट्रोल के टेक्स्ट नोड्स की आंतरिक बनावट उजागर किए बिना टेक्स्ट-विशिष्ट सुविधाएं बना सकते हैं। Microsoft ने Edge 152 के वेब-प्लेटफ़ॉर्म अपडेट में OpaqueRange को शामिल किया है। 133

Web Install API को सावधानी से परखें

Web Install API वेबसाइट को asynchronous navigator.install() फ़ंक्शन के ज़रिए किसी दूसरे वेब ऐप को इंस्टॉल करने का अनुरोध करने देती है। Microsoft ने Edge origin trial के ज़रिए इस API को परीक्षण के लिए उपलब्ध कराने की घोषणा की थी। Origin trial परीक्षण का रास्ता है, सभी ब्राउज़र में उपलब्धता की गारंटी नहीं। 6

नेटिव मेन्यू एलिमेंट अभी योजना में है

Microsoft ने एक नेटिव <menu> एलिमेंट की योजना भी बताई है, जिसका मकसद मेन्यू का व्यवहार सीधे उपलब्ध कराना है। यह अभी प्रस्तावित फीचर है; सपोर्ट की पुष्टि होने तक इसे आम तौर पर उपलब्ध न मानें और प्रोडक्शन साइट का व्यवहार इस पर निर्भर न करें। 1

डेवलपर अभी क्या आज़मा सकते हैं?

Edge के दस्तावेज़ DevTools में रिक्वेस्ट दोबारा भेजने का तरीका बताते हैं, और Edge 152 के रिलीज़ नोट्स में OpaqueRange शामिल है। Web Install API के लिए घोषित origin-trial विकल्प है। Soft-navigation मेट्रिक्स, WebMCP और JavaScript profiling markers पर निर्भर होने से पहले मौजूदा रिलीज़ और परीक्षण की शर्तें जांचें; नेटिव मेन्यू एलिमेंट अभी योजना के चरण में है। 1618333940