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

Sofia Emelianova
Sofia Emelianova

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

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

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

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

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

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

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

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

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

בעיה ב-Chromium: 1288023.

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

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

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

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

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

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

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

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

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

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

שם המאפיין לא תקין וערך המאפיין לא תקין.

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

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

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

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

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

בעיה ב-Chromium: 1354548.

דגשים שונים

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

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

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

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

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

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

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

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

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

Chrome 123

גרסה 122 של Chrome

גרסה 121 של Chrome

Chrome 120

גרסה 119 של Chrome

גרסה 118 של Chrome

גרסה 117 של Chrome

גרסה 116 של Chrome

Chrome 115

Chrome 114

גרסה 113 של Chrome

גרסה 112 של Chrome

גרסה 111 של Chrome

Chrome 110

Chrome 109

גרסה 108 של Chrome

גרסה 107 של Chrome

Chrome 106

Chrome 105

Chrome 104

גרסה 103 של Chrome

גרסה 102 של Chrome

גרסה 101 של Chrome

Chrome 100

גרסה 99 של Chrome

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

גרסה 92 של Chrome

גרסה 91 של Chrome

Chrome 90

גרסה 89 של Chrome

גרסה 88 של Chrome

גרסה 87 של Chrome

גרסה 86 של Chrome

גרסה Chrome 85

גרסה 84 של Chrome

גרסה 83 של Chrome

גרסה 82 של Chrome

Chrome 82 בוטל.

גרסה 81 של Chrome

גרסה 80 של Chrome

גרסה 79 של Chrome

גרסה 78 של Chrome

גרסה 77 של Chrome

גרסה 76 של Chrome

גרסה 75 של Chrome

גרסה 74 של Chrome

גרסה 73 של Chrome

גרסה 72 של Chrome

גרסה 71 של Chrome

גרסה 70 של Chrome

גרסה Chrome 68

Chrome גרסה 67

Chrome 66

גרסה Chrome 65

Chrome 64

Chrome 63

גרסה 62 של Chrome

גרסה 61 של Chrome

Chrome 60

Chrome 59