מה חדש בכלי הפיתוח (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 (אפליקציה).

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

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

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

בעיה ב-Chromium: ‏ 607555

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

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

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

בעיה ב-Chromium: ‏ 1146422

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

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

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

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

בעיה ב-Chromium: ‏ 1054464

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

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

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

בעיה ב-Chromium: ‏ 1232937

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

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

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

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

בעיה ב-Chromium: ‏ 1179186

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

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

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

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

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

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

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

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

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

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

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

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

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

בעיה ב-Chromium: ‏ 1226371

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

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

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

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

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

בעיה ב-Chromium: ‏ 1223391

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

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

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

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

בעיה ב-Chromium: ‏ 1175722

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

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

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

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

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

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