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

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

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

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

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 חדש נוסף לצד רכיבי הקונטיינר (רכיבי האב שתואמים לקריטריונים של כללי at-rule‏ @container). לוחצים על התג כדי להציג או להסתיר את שכבת-העל של המאגר שנבחר וכל הצאצאים שלו שמבצעים שאילתות בדף.

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

בעיה ב-Chromium: 1146422

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

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

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

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

בעיה ב-Chromium: 1054464

בקרוב: הוצאה משימוש של סרגל הצד של מסוף Cloud

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

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

בעיה ב-Chromium: 1232937

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

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

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

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

בעיה ב-Chromium: 1179186

הצגת גישות מקוריות לנכסים כנכסים משלהם במסוף

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

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

הצגת גישות מקוריות לנכסים כנכסים משלהם במסוף

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

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

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

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

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

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

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

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

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

בעיה ב-Chromium: 1226371

החלפת כלי עזר מותאמים אישית בכלי עזר מובנים של HTML

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

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

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

הסבר קצר ב-DevTools

בעיה ב-Chromium: 1223391

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

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

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

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

בעיה ב-Chromium: 1175722

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

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

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

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

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

רשימה של כל מה שנדון בסדרה מה חדש ב-DevTools.