דף זה תורגם על ידי Cloud Translation API.

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

Sofia Emelianova

Jecelyn Yeen

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

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

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

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

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

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

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

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

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

בעיה ב-Chromium: 1288023.

שיפורים בניפוי הבאגים של Nuxt , Vite ו-rollup

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

במעקבי המסוף, לוחצים על הקישור הצגת N פריימים נוספים.
בקטע מקורות > מקבץ שיחות, בקטע הצגת פריימים מרשימת ההתעלמות.

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

כדי להביא לך את השיפורים האלה, הצוותים של כלי הפיתוח, Nuxt, Vite ו-rollup שיתפו פעולה כדי ליישם את התוסף x_google_ignoreList למפת המקור:

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

שיפורי CSS ב'רכיבים' > 'סגנונות'

המאפיינים והערכים של ה-CSS לא תקינים

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

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

שם הנכס לא תקין וערך הנכס לא תקין.

צוות כלי הפיתוח רוצה להודות ל-Yisi( *丝) על התחלת השיפור.

קישורים למסגרות מפתח במאפיין האנימציה המקוצר

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

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

בעיה ב-Chromium: 1420656.

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

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

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

את תיבת הסימון המתאימה ב'הגדרות'.

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

בעיה ב-Chromium: 1276960.

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

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

בעיה ב-Chromium: 1424345.

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

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

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

כדי לבדוק את ביצועי המעבד (CPU), לוחצים על לחלונית הביצועים.

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

בעיה ב-Chromium: 1354548.

פרטים שונים

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

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

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

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

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

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

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