AnswersPublished16 sources
מה חדש ב-Microsoft Edge למפתחי אתרים?
העדכונים של Edge מסייעים למפתחים לבדוק מעברים איטיים באפליקציות SPA, להבין מה הדפדפן עושה בזמן הרצת JavaScript ולשלוח בקשות רשת מחדש. מדדי soft navigation ו interaction contentful paint מספקים מידע על ניווטים בתוך האפליקציה ועל הצגת תוכן בעקבות אינטראקציות.
פורסם על ידינערך באמצעות GPT-6 Lunaהתמונות נוצרו באמצעות GPT Image 2
Research answer
Key takeaways
- העדכונים של Edge מסייעים למפתחים לבדוק מעברים איטיים באפליקציות SPA, להבין מה הדפדפן עושה בזמן הרצת JavaScript ולשלוח בקשות רשת מחדש.
- מדדי soft navigation ו interaction contentful paint מספקים מידע על ניווטים בתוך האפליקציה ועל הצגת תוכן בעקבות אינטראקציות.
- OpaqueRange מאפשר לעבוד עם מקטעי טקסט בשדות קלט, ואילו WebMCP נועד לאפשר לאתרים לחשוף פעולות מובְנות לסוכני גלישה.
AI Prompt
openai.comCreate a landscape editorial hero image for this Studio Global article: What new Microsoft Edge web-development features has Microsoft announced to improve slow single-page apps, diagnose JavaScript and network p. Article summary: Microsoft’s announcements address two different needs: measuring where single-page apps feel slow, and giving developers better tools for debugging and building interactive experiences. They are at different stages—some . Topic tags: general, general web, documentation. Style: premium digital editorial illustration, source-backed research mood, clean composition, high detail, modern web publication hero. Use reference image context only for broad subject, composition, and topical grounding; do not copy the exact image. Avoid: logos, brand marks, copyrighted characters, real person likenesses, fake screenshots, UI text, readable text, watermarks, charts with fak
העדכונים האחרונים של Microsoft Edge למפתחי אתרים נוגעים למדידת ביצועים, ניפוי שגיאות, עבודה עם סוכני AI ועריכת טקסט. חשוב להבחין בין יכולות שכבר מתועדות בגרסאות Edge או ב-DevTools, כלים שנועדו להתנסות, ורכיבים שעדיין נמצאים בתכנון ואי אפשר להסתמך עליהם בפרודקשן. 1
6
33
39
40
למדוד מעברים איטיים באפליקציות SPA
מדדי טעינת עמוד רגילים לא מספרים את כל הסיפור באפליקציית SPA — אפליקציית אינטרנט שבה אפשר לעבור בין תצוגות בלי לטעון מסמך חדש. ה-Performance API של Edge מוסיף שני סוגי אירועים שיעזרו לבדוק את המעברים האלה: soft-navigation מתעד שינויי היסטוריית ניווט באותו מסמך שנגרמו מאינטראקציה, ואילו interaction-contentful-paint מתעד הצגה של תוכן חדש באזור בעמוד שהשתנה בעקבות אינטראקציה. 40
בהערות הגרסה של Edge מתוארות גם היוריסטיקות לזיהוי ניווטים רכים ולמדידת ביצועים באפליקציות SPA. המדדים האלה עוזרים לברר מתי התרחש מעבר בתוך האפליקציה ומתי התוכן שהתקבל בעקבותיו הופיע. הם מספקים נתונים לאבחון — לא תיקון אוטומטי לבעיות ביצועים. 39
40
להבין מה הדפדפן עושה בזמן פרופיילינג של JavaScript
סמני JavaScript Self-Profiling מוסיפים הקשר על עבודת הדפדפן בין דגימות JavaScript, לרבות פעולות כמו עיצוב, פריסה, ציור ואיסוף אשפה. כך אפשר להבחין טוב יותר בין הזמן שבו רץ קוד האפליקציה לבין הזמן שהדפדפן מקדיש לעבודה אחרת. לפני שמבססים על כך תהליך עבודה בפרודקשן, כדאי לבדוק בתיעוד Edge מה זמינות היכולת ומהן דרישות ההפעלה. 1
לשלוח בקשות רשת מחדש ולערוך אותן ב-DevTools
הפקודה Resend בכלי Network שולחת שוב בקשה שנלכדה, בלי לטעון מחדש את העמוד. היא שימושית, למשל, כשבודקים איך בקשה מתנהגת בשליחה חוזרת. 18
תהליך Edit and resend as Fetch מאפשר לערוך בקשה שנלכדה ולנסות לשלוח אותה כקריאת fetch() מתוך ה-Console. כך קל יותר לבדוק שינויים בבקשה במהלך ניפוי שגיאות, אבל הכלים האלה לא מאיצים את חיבור הרשת עצמו. העדכון למפתחים של Microsoft מתאר את התהליך החדש, והתיעוד של Edge מסביר כיצד לשלוח בקשות מחדש. 1
18
להכין אתרים לעבודה עם סוכני גלישה באמצעות WebMCP
WebMCP היא דרך מתפתחת לאפשר לאתר לחשוף פעולות מובְנות שסוכן גלישה יכול להפעיל. הרעיון הוא שהסוכן יוכל לעבוד עם פעולות שהאתר הצהיר עליהן, במקום להסתמך רק על פרשנות חזותית של העמוד. Microsoft מציגה את WebMCP כיכולת מוקדמת לבדיקה, ולכן נכון להתייחס אליה כניסיונית ולא להניח שהיא זמינה לכל המשתמשים. 1
להוסיף אינטראקציות עשירות יותר עם OpaqueRange
OpaqueRange מייצג מקטע טקסט חי בתוך <input> מבוסס טקסט או <textarea>. מפתחים יכולים להשתמש בטווחים כאלה כדי לבנות אינטראקציות הקשורות לטקסט בתוך שדות טופס — למשל למקם ממשק קשור או להדגיש טקסט — בלי לחשוף את המבנה הפנימי של צומתי הטקסט בבקרה. לפי עדכוני פלטפורמת האינטרנט, OpaqueRange נכלל ב-Edge 152; הוא חושף היסטים של ערכים ושומר על ההסגר של שדה הקלט. 1
33
לבדוק בזהירות את Web Install API
Web Install API מאפשר לאתר לבקש התקנה של יישום אינטרנט אחר באמצעות הפונקציה האסינכרונית navigator.install(), תוך שימוש בחוויית ההתקנה המובנית של הדפדפן. Microsoft הודיעה שאפשר לבדוק את ה-API באתרים דרך Origin Trial ב-Edge. Origin Trial הוא מסלול להתנסות — לא הבטחה לתמיכה כללית בכל הדפדפנים או לכל המשתמשים. 6
רכיב התפריט המובנה עדיין בתכנון
Microsoft הציגה גם תכנון לרכיב <menu> מובנה, שנועד לספק התנהגות תפריט ישירות בפלטפורמת האינטרנט. כל עוד מדובר בתכונה מתוכננת, לא כדאי להתייחס אליה כזמינה באופן כללי או לבסס עליה התנהגות בפרודקשן. 1
מה אפשר לנסות כבר עכשיו?
לתיעוד של Edge יש הוראות לשליחה מחדש של בקשות ב-DevTools, ו-OpaqueRange מופיע בעדכוני פלטפורמת האינטרנט של Edge 152. ל-Web Install API הוכרז מסלול התנסות מסוג Origin Trial. לגבי מדדי soft-navigation, WebMCP וסמני JavaScript Self-Profiling, מומלץ לבדוק את הגרסה ואת תנאי הניסוי העדכניים לפני שמסתמכים עליהם. רכיב התפריט המובנה עדיין בתכנון. 1
6
18
33
39
40
Studio Global AI
Continue your research
This page includes a source-backed answer you can continue inside Studio Global.
People also ask
What is the short answer to "מה חדש ב-Microsoft Edge למפתחי אתרים?"?
העדכונים של Edge מסייעים למפתחים לבדוק מעברים איטיים באפליקציות SPA, להבין מה הדפדפן עושה בזמן הרצת JavaScript ולשלוח בקשות רשת מחדש.
What are the key points to validate first?
העדכונים של Edge מסייעים למפתחים לבדוק מעברים איטיים באפליקציות SPA, להבין מה הדפדפן עושה בזמן הרצת JavaScript ולשלוח בקשות רשת מחדש. מדדי soft navigation ו interaction contentful paint מספקים מידע על ניווטים בתוך האפליקציה ועל הצגת תוכן בעקבות אינטראקציות.
What should I do next in practice?
OpaqueRange מאפשר לעבוד עם מקטעי טקסט בשדות קלט, ואילו WebMCP נועד לאפשר לאתרים לחשוף פעולות מובְנות לסוכני גלישה.