דף זה תורגם על ידי Cloud Translation API.

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

Sofia Emelianova

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

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

כדי לצמצם את הבלבול, בעץ מקורות > דף מוצגים עכשיו רק גיליונות סגנונות שנפרסו ונטענו בהצלחה.
עכשיו, הכיתוב מקורות > עורך מסמן קו תחתון ומציג הסברים קצרים על שגיאות לצד הצהרות @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 ומריצים את הקוד. בכלי הפיתוח מוצגים עכשיו הקטגוריות והתוכן שלהן. בוחרים קטגוריה כדי לצפות במטא-נתונים שלה.

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

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

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

בעיות ב-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 שקשורים לכלי פיתוח.