מה חדש בכלי הפיתוח (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 בכרטיסייה 'בעיות' ובחלונית 'רשת'

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

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

כותרות גולמיות של 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

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

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

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