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

Jecelyn Yeen

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

מעכשיו, כלי הפיתוח ל-Chrome תומכים ביותר מ-80 שפות, כך שתוכלו לעבוד בשפה המועדפת עליכם.

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

Preferences" width="800" height="494">

בעיה ב-Chromium: ‏ 1163928

מכשירי Nest Hub חדשים ברשימת המכשירים

עכשיו אפשר לדמות את המידות של Nest Hub ו-Nest Hub Max במצב מכשיר.

לוחצים על החלפת סרגל הכלים של המכשיר   החלפת המצב של סרגל הכלים של המכשיר  ובוחרים באפשרות Nest Hub או Nest Hub Max ברשימת המכשירים.

מכשיר Nest Hub במצב מכשיר

בעיה ב-Chromium: ‏ 1223525

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

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

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

פותחים דף עם ניסויים של מקורות (לדוגמה, דף הדגמה). בחלונית Application, גוללים למטה לקטע Frames ובוחרים את המסגרת העליונה.

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

בעיה ב-Chromium: ‏ 607555

תג חדש של שאילתות קונטיינר ב-CSS

תג container חדש נוסף לצד רכיבי הקונטיינר (רכיבי האב שתואמים לקריטריונים של כללי @container at). לוחצים על התג כדי להפעיל או להשבית את התצוגה של שכבת-על של מאגר התגים שנבחר וכל צאצאיו ששולחים שאילתות בדף.

תג של שאילתות לגבי רכיבי CSS

בעיה ב-Chromium: ‏ 1146422

תיבת סימון חדשה להיפוך של מסנני הרשת

משתמשים בתיבת הסימון החדשה היפוך כדי להפוך את המסננים בחלונית Network.

לדוגמה, אפשר להקליד 'status-code: 404' כדי לסנן את הבקשות לרשת עם הסטטוס 404. מסמנים את תיבת הסימון היפוך כדי לשלול את המסנן (הצגת כל בקשות הרשת שלא כוללות את הסטטוס 404).

היפוך המסננים של הרשת

בעיה ב-Chromium: ‏ 1054464

בקרוב נוציא משימוש את סרגל הצד של המסוף

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

הודעה על הוצאה משימוש של סרגל הצד של המסוף

בעיה ב-Chromium: ‏ 1232937

הצגת כותרות Set-Cookie גולמיות בכרטיסייה 'בעיות' ובחלונית 'רשת'

עכשיו כלי הפיתוח מציגים כותרות גולמיות של Set-Cookie בכרטיסייה Issues (בעיות).

בעבר, כלי הפיתוח לא הציגו קובצי Cookie פגומים (כותרת Set-Cookie שגויה) בחלונית Network. הוספנו את המסנן החדש response-header-set-cookie לחלונית Network, ועכשיו המשתמשים יכולים לסנן את תגובת הכותרת הגולמית Set-Cookie. כלי DevTools יקשרו את הכותרות הגולמיות Set-Cookie בכרטיסייה Issues לחלונית Network.

כותרות גולמיות של Set-Cookie בכרטיסייה Issues (בעיות) ובחלונית Network (רשת)

בעיה ב-Chromium: ‏ 1179186

הצגה עקבית של פונקציות גישה מקוריות כמאפיינים משלהן ב-Console

ב-Console מוצגים עכשיו באופן עקבי אמצעי גישה מקוריים כמאפיינים משלהם.

לדוגמה, כשמעריכים את הביטוי new Int8Array([1, 2, 3]) במסוף, נתוני הגישה המקוריים כמו length, byteOffset לא מוצגים בתצוגה המקדימה. בעדכון האחרון הזה, רכיבי גישה מקוריים מוצגים בתצוגה המקדימה והערכים מוערכים באופן מיידי כשהם מורחבים.

הצגה עקבית של פונקציות גישה מקוריות כמאפיינים משלהן ב-Console

בעיות ב-Chromium: 1076820, ​​1199247

מעקבי ערימה תקינים של שגיאות בסקריפטים מוטבעים עם ‎ #sourceURL

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

בעבר, כלי הפיתוח הציגו מיקום שגוי לסקריפטים מוטבעים עם #sourceURL, ביחס למסמך שמסביב ולא ביחס לתג הפתיחה <script>.

מעקבי ערימה תקינים של שגיאות בסקריפטים מוטבעים עם ‎ #sourceURL

בעיות ב-Chromium: 1183990, ​​578269

שינוי פורמט הצבעים בחלונית 'מאפיינים מחושבים'

עכשיו אפשר לשנות את פורמט הצבע של כל אלמנט בחלונית Computed (מחושב) על ידי הקשה על Shift + לחיצה על התצוגה המקדימה של הצבע.

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

בעיה ב-Chromium: ‏ 1226371

החלפת תיאורי כלים מותאמים אישית בתיאורי כלים מקוריים של HTML

כלי הפיתוח משתמשים עכשיו בתיאורי כלים מקוריים של HTML בכל הרכיבים. בכלי הפיתוח יש הטמעה של תיאור כלים מותאם אישית כבר הרבה זמן, כי אין עיצוב לתיאור כלים מקורי של HTML.

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

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

הסבר קצר על כלי הפיתוח

בעיה ב-Chromium: ‏ 1223391

[ניסיוני] הסתרת בעיות בכרטיסייה 'בעיות'

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

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

הסתרה ניסיונית של תפריט ההקשר של בעיה

בעיה ב-Chromium: ‏ 1175722

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

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

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

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

  • אתם מוזמנים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
  • אפשר לדווח על בעיה בכלי פיתוח באמצעות הסמל אפשרויות נוספות > עזרה > דיווח על בעיה בכלי פיתוח בכלי הפיתוח.
  • שולחים ציוץ אל ‎@ChromeDevTools.
  • אפשר להוסיף תגובות לסרטונים What's new in DevTools YouTube videos או DevTools Tips YouTube videos.

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

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