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

Sofia Emelianova
Sofia Emelianova
GitHub

ניפוי באגים משופר של גיליונות סגנונות חסרים

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

  • בעץ מקורות > דף מוצגים עכשיו רק גיליונות הסגנונות שנפרסו ונטענו, כדי לצמצם את הבלבול.
  • הקטע מקורות > עורך מסמן עכשיו בקו תחתון ומציג הסברים קצרים בתוך השורה לצד הצהרות @import, url() ו-href שנכשלו.

הצהרות מסומנות בקו תחתון עם הסברים קצרים בחלונית 'מקורות'.

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

במסוף יש קישורים לשורות המדויקות עם הצהרות בעייתיות.

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

  • החלונית בעיות מפרטת את כל הבעיות בטעינה של גיליונות סגנונות, כולל כתובות URL לא תקינות, בקשות שנכשלו והצהרות @import שגויות.

חלונית הבעיות עם קישורים למקורות ולבקשות.

הבעיות ב-Chromium: 1440626, 1442198, 1453611.

תמיכה בתזמון לינארי דרך 'רכיבים' > 'סגנונות' > 'עורך הקלה'

עריכת הקלה. עורך ההקלות בקטע רכיבים > סגנונות מאפשר לכם להתאים ערכים transition-timing-function ו-animation-timing-function בלחיצה אחת. בגרסה הזו, עורך ההקלות עריכת הקלה. מקבל תמיכה בפונקציית התזמון הלינארי.

כדי להגדיר תזמונים לינאריים, לוחצים על הלחצן של הבורר הלינארי. כדי להוסיף נקודת בקרה, לוחצים במקום כלשהו על הקו. כדי להסיר נקודת בקרה, לוחצים עליה לחיצה כפולה. אפשר גם לבחור באחת מההגדרות הקבועות מראש: linear, elastic, bounce או emphasized. כדאי לצפות בסרטון כדי לראות את ההתאמה הליניארית בפעולה.

בעיה ב-Chromium: 1421241.

תמיכה בקטגוריות אחסון ותצוגת מטא-נתונים

הקטע Application > Storage מקבל תמיכה בקטגוריות אחסון. קטגוריות אחסון אינן תלויות אחת בשנייה, לכן אפשר להגדיר עדיפות בהסרה של פלחי נתונים ולוודא שהנתונים החשובים ביותר לא יימחקו. כל קטגוריית אחסון יכולה לאחסן נתונים המשויכים לממשקי API קיימים לאחסון, כמו IndexedDB ו-CacheStorage.

צופים בכינור הזה כדי לבדוק את התכונה. פותחים את כלי הפיתוח, עוברים אל Application (אפליקציה) > Storage > Indexed DB (אינדקס DB) ומריצים את הקוד. בכלי הפיתוח מוצגים עכשיו הקטגוריות והתוכן שלהן. בחר קטגוריה כדי להציג את המטא-נתונים שלה.

הצגת המטא-נתונים של קטגוריה.

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

תצוגת המטא-נתונים המאוחדת החדשה.

הבעיות ב-Chromium: 1448011, 1406017.

מגדלור גרסה 10.3.0

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

בדיקת הכותרות של הטבלה עברה בהצלחה.

לעיון ברשימת השינויים המלאה מידע בסיסי על השימוש בחלונית Lighthouse בכלי הפיתוח זמין במאמר Lighthouse: אופטימיזציה של מהירות האתר.

בעיה ב-Chromium: 772558.

נגישות: פקודות מקלדת וקריאת מסך משופרת

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

  • עכשיו ניתן לפתוח את תפריט ההקשר באמצעות מקש קיצור, לדוגמה, Shift+F10 ב-Windows והפצות רבות של Linux. לגבי מקשי קיצור ל-MacOS, אפשר לעיין במאמר פעולות חלופיות של מיקום הסמן.
  • אפליקציות לקורא מסך:
    • לא יכריזו פעמיים על תוויות תיבת סימון שלא לצורך.
    • כשלוחצים על קיצור הדרך 'קריאת כותרת העמודה', יוקראו על שמות הכותרות של העמודות שאפשר למיין.

צוות כלי הפיתוח מביע תודה ל-Yanling Wang ול-Elorm Coch על ביצוע השיפורים האלה.

הבעיות ב-Chromium: 1446482, 1414952.

דגשים שונים

הנה כמה תיקונים ושיפורים חשובים בגרסה הזו:

  • החלונית רשת ממשיכה להקליט את הפעילות ברשת גם אחרי שהייתה לכם אינטראקציה עם ציר הזמן (1422552).
  • חלונית כיסוי מזהה עכשיו אם בוצעה הפעלה של עיבוד מראש או ניווט במטמון לדף הקודם/הבא, ותוצג הנחיה לטעון מחדש (1393057).
  • עכשיו אפשר לנווט בחלונית מקורות > נקודות עצירה באמצעות המקלדת: חץ למעלה וחץ למטה כדי להזיז ורווח כדי לבחור (1446150).
  • תוקנו בעיות בהעלאה ובסינון של קובצי HAR בחלונית רשת (1450622).
  • תרשים הלהבות בחלונית ביצועים מוסיף עכשיו פערים קטנים בין המעקבים כדי לשפר אותם (1452150).
  • תוקן מיפוי אוטומטי לקבצים שמוטמעים במפות מקור (1446383).

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

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

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

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

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

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

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

Chrome 123

גרסה 122 של Chrome

גרסה 121 של Chrome

Chrome 120

גרסה 119 של Chrome

גרסה 118 של Chrome

גרסה 117 של Chrome

גרסה 116 של Chrome

Chrome 115

Chrome 114

גרסה 113 של Chrome

גרסה 112 של Chrome

גרסה 111 של Chrome

Chrome 110

Chrome 109

גרסה 108 של Chrome

גרסה 107 של Chrome

Chrome 106

Chrome 105

Chrome 104

גרסה 103 של Chrome

גרסה 102 של Chrome

גרסה 101 של Chrome

Chrome 100

גרסה 99 של Chrome

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

גרסה 92 של Chrome

גרסה 91 של Chrome

Chrome 90

גרסה 89 של Chrome

גרסה 88 של Chrome

גרסה 87 של Chrome

גרסה 86 של Chrome

גרסה Chrome 85

גרסה 84 של Chrome

גרסה 83 של Chrome

גרסה 82 של Chrome

Chrome 82 בוטל.

גרסה 81 של Chrome

גרסה 80 של Chrome

גרסה 79 של Chrome

גרסה 78 של Chrome

גרסה 77 של Chrome

גרסה 76 של Chrome

גרסה 75 של Chrome

גרסה 74 של Chrome

גרסה 73 של Chrome

גרסה 72 של Chrome

גרסה 71 של Chrome

גרסה 70 של Chrome

גרסה Chrome 68

Chrome גרסה 67

Chrome 66

גרסה Chrome 65

Chrome 64

Chrome 63

גרסה 62 של Chrome

גרסה 61 של Chrome

Chrome 60

Chrome 59