מה חדש בכלי הפיתוח (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 ברשימת המכשירים.

בעיה ב-Chromium: ‏ 1223525

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

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

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

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

בעיה ב-Chromium: ‏ 607555

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

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

בעיה ב-Chromium: ‏ 1146422

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

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

בעיה ב-Chromium: ‏ 1179186

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

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

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

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

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

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

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

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

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

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

בעיה ב-Chromium: ‏ 1226371

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

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

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

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

בעיה ב-Chromium: ‏ 1223391

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

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

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

בעיה ב-Chromium: ‏ 1175722

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

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

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

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

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

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

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