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

Sofia Emelianova
Sofia Emelianova
Jecelyn Yeen
Jecelyn Yeen

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

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

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

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

שגיאת CORS תוקנה על ידי שינוי ברירת המחדל של הכותרת.

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

הוספת כותרת בהתאמה אישית.

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

עריכה של כל השינויים.

בעיה ב-Chromium: ‏ 1288023.

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

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

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

מעקב ה-stack לפני ואחרי הפעלת הרשימה להתעלמות מצדדים שלישיים.

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

צוות 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. בשלב הזה עדיין תוכלו לפתוח את החלונית, אבל ממשק המשתמש שלה לא יהיה זמין יותר.

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

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

בעיה ב-Chromium: 1354548.

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

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

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

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

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

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

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

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

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