מה חדש בכלי הפיתוח (Chrome 113)

Sofia Emelianova

Jecelyn Yeen

שינוי כותרות התגובה של הרשת

עכשיו אפשר לשנות את כותרות התגובה בחלונית רשת. בעבר, כדי להתנסות בכותרות של תגובות HTTP, נדרשה גישה לשרת האינטרנט.

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

• כותרות של שיתוף משאבים בין מקורות (CORS)
• כותרות של מדיניות הרשאות
• כותרות של בידוד בין מקורות

כדי לשנות את ברירת המחדל של כותרת, עוברים אל רשת > כותרות > כותרות תגובה, מעבירים את העכבר מעל הערך של הכותרת, לוחצים על ועורכים אותו.

אפשר גם להוסיף כותרות בהתאמה אישית.

כדי לערוך את כל השינויים במקום אחד, עורכים את הקובץ .headers בקטע מקורות > שינויים. אפשר גם ללחוץ על Add override rule (הוספת כלל שינוי) כדי לשנות כמה בקשות באמצעות תווים כלליים (*).

בעיה ב-Chromium: ‏ 1288023.

שיפורים בניפוי באגים ב-Nuxt, ב-Vite וב-Rollup

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

• במעקבים ב-מסוף, מתחת לקישור הצגת N מסגרות נוספות.
• בקטע מקורות > Call Stack, בקטע Show ignore-listed frames.

כדי לספק לכם את השיפורים האלה, צוותי DevTools,‏ Nuxt,‏ Vite ו-Rollup עבדו בשיתוף כדי לאמץ את התוסף x_google_ignoreList למפות מקור:

• גרסת Nuxt 3.3
• אפשרויות שרת של Vite
• אפשרויות הגדרה של נכסי-על

צוות DevTools רוצה להביע את התודה שלו לצוותים של Nuxt,‏ Vite ו-Rollup על שהפכו את זה לאפשרי. תודה על המאמצים ועל שיתוף הפעולה, שהיו חיוניים להצלחת ההטמעה. שוב תודה על התוכן שהוספת.

שיפורים ב-CSS בקטע 'רכיבים' > 'סגנונות'

מאפיינים וערכים לא חוקיים ב-CSS

כדי לעזור לכם לאבחן בעיות ב-CSS מהר יותר, החלון סגנונות כולל עכשיו את האפשרויות הבאות:

• הצהרת CSS שלמה (נכס וגם ערך) כשנכס ה-CSS לא חוקי.
• רק הערך כשנכס ה-CSS תקין אבל הערך לא תקין.

צוות DevTools רוצה להביע תודה ל-Yisi(一丝) על השיפור הזה.

קישורים לתמונות מפתח בנכס של אנימציה בקיצור דרך

מאפיין ה-CSS המקוצר animation מכיל עכשיו קישורים לכללי at-rule‏ @keyframes התואמים, כדי שתוכלו לנווט בחלונית סגנונות מהר יותר.

בעיה ב-Chromium: 1420656.

הגדרה חדשה במסוף: השלמה אוטומטית בהקשה על Enter

החל מהגרסה הקודמת (112), אפשר להגדיר את מסוף כלי הפיתוח כך שיחיל הצעה להשלמה אוטומטית כשתלחצו על Enter.

כברירת מחדל, כדי לאשר הצעה של השלמה אוטומטית, אפשר להקיש על Tab או על Arrow right. כדי להשתמש גם בהשלמה אוטומטית באמצעות Enter, מפעילים את הגדרות > מסוף > אישור ההצעה להשלמה אוטומטית בלחיצה על Enter.

בנוסף, הטקסט של הגדרה אחרת נוח יותר למשתמשים: התייחסות להערכת הקוד כאל פעולת משתמש.

בעיה ב-Chromium: 1276960.

תפריט הפקודות מדגיש קבצים שנוצרו על ידכם

בתיבת הדו-שיח של הפתיחה המהירה בתפריט הפקודות, קבצים של צד שלישי שמופיעים ברשימת ההתעלמות מוצגים עכשיו באפור, כדי להדגיש יותר את הקבצים שיצרתם.

בעיה ב-Chromium: ‏ 1424345.

הוצאה משימוש של הכלי לניתוח ביצועי JavaScript: שלב שני

כבר ב-גרסת Chrome 58, צוות כלי הפיתוח תכנן להוציא משימוש את כלי הניתוח של JavaScript ולבקש ממפתחי Node.js ו-Deno להשתמש בחלונית ביצועים כדי ליצור פרופילים של ביצועי המעבד (CPU) ב-JavaScript.

בגרסה 113 של DevTools מתחיל השלב השני של הוצאה משימוש בתהליך של ארבעה שלבים של הכלי לניתוח ביצועים (profiler) של JavaScript. בשלב הזה עדיין תוכלו לפתוח את החלונית, אבל ממשק המשתמש שלה לא יהיה זמין יותר.

כדי ליצור פרופיל של ביצועי המעבד, לוחצים על מעבר לחלונית הביצועים.

בעיה ב-Chromium: 1354548.

רגעי שיא שונים

ריכזנו כאן כמה תיקונים חשובים בגרסה הזו:

• תוקן באג שגרם לכך שהדפסה יפה בחלונית מקורות לטפל באופן שגוי בשמות משתנים עם תווים של Unicode (1425055).
• בכרטיסייה בעיות נוספה הודעה חדשה לגבי בעיות במילוי אוטומטי שקשורות לערכים לא סטנדרטיים של HTML (1399414).

הורדת הערוצים לתצוגה מקדימה

מומלץ להשתמש ב-Chrome Canary, ב-Dev או ב-Beta כדפדפן הפיתוח שמוגדר כברירת מחדל. ערוצי התצוגה המקדימה האלה מעניקים לכם גישה לתכונות העדכניות ביותר של DevTools, מאפשרים לכם לבדוק ממשקי API מתקדמים לפלטפורמות אינטרנט ולמצוא בעיות באתר לפני שהמשתמשים שלכם יעשו זאת.

יצירת קשר עם צוות כלי הפיתוח ל-Chrome

אתם יכולים להשתמש באפשרויות הבאות כדי לדון בתכונות החדשות, בעדכונים או בכל דבר אחר שקשור ל-DevTools.

• אתם יכולים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
• מדווחים על בעיה בכלי הפיתוח באמצעות הסמל more_vert אפשרויות נוספות > עזרה > דיווח על בעיה בכלי הפיתוח ב-DevTools.
• שולחים ציוץ אל ‎@ChromeDevTools.
• אפשר להשאיר תגובות בסרטונים של מה חדש בכלי הפיתוח ב-YouTube או בסרטונים של טיפים לכלי הפיתוח ב-YouTube.

מה חדש בכלי הפיתוח

רשימה של כל מה שנדון בסדרה מה חדש ב-DevTools.