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

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

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

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

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

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

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

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

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

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

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

בעיה ב-Chromium: 1421241.

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

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

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

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

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

Lighthouse גרסה 10.3.0

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

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

בעיה ב-Chromium: 772558.

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

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

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

צוות כלי הפיתוח מביע תודה ליאלינג וואנג ולאלור קוך (Elorm Coch) על ביצועי השיפורים האלה.

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

פרטים שונים

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

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

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

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

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

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

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

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

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