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

שיפורים ברכיבים

תג משנה חדש של שירות CSS

החלונית רכיבים מקבלת תג subgrid חדש עבור רשת משנה. התכונה הזו ניסיונית כרגע ב-Chrome Canary.

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

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

בעיה ב-Chromium: 1442536.

ספציפיות של הבורר בהסברים קצרים

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

בעיה ב-Chromium: 1204932.

ערכים של מאפייני CSS מותאמים אישית בהסברים קצרים

בקטע רכיבים > סגנונות, מעבירים את העכבר מעל שם של נכס CSS מותאם אישית כדי לראות את הערך שלו בהסבר קצר.

צוות כלי הפיתוח רוצה להודות ל-丝 ולסויאן על השיפור בכלי.

בעיה ב-Chromium: 1380779.

שיפורים במקורות

הדגשת תחביר CSS

בחלונית מקורות מופיעים הפרטים הבאים לגבי קובצי CSS שעברו עיבוד מראש, כמו SASS, SCSS ו-LESS:

• הדגשת תחביר
• תמיכה בעורכים מוטבעים. העורכים האלה דומים לאלה שב-Elements > סגנונות, לדוגמה, בוחר צבעים ועורך הייה.

בעיות ב-Chromium: 1302261, 1392085.

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

עכשיו אפשר להגדיר נקודות עצירה מותנות מהר יותר בעזרת קיצור דרך. כדי לפתוח את תיבת הדו-שיח של נקודת העצירה, מחזיקים את Command (ב-MacOS) או את Control (ב-Windows או ב-Linux) ולוחצים על מספר השורה בעמודה הימנית בקטע מקורות > עריכה.

בעיה ב-Chromium: 1405767.

אפליקציה > הקלות במעקב אחר עזיבה מהדף הראשון

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

כדאי לנסות את תכונת האבטחה הזו:

1. חסימת קובצי Cookie של צד שלישי ב-Chrome ניווט אל ומפעילים אותו > הגדרות > פרטיות ואבטחה > קובצי Cookie ונתונים נוספים מאתרים > חסימת קובצי Cookie של צד שלישי.
2. בקובץ chrome://flags, מגדירים את הניסוי הקלות במעקב אחר עזיבה מהדף הראשון למצב מופעל עם מחיקה.
3. בודקים את דף ההדגמה הזה, פותחים את Application > שירותים ברקע > הקלות במעקב אחר עזיבה מהדף הראשון, לוחצים על קישור שחוזר על עצמו בדף, ממתינים (10 שניות) עד ש-Chrome יתעד את ההעברה החוזרת, ולוחצים על אילוץ הפעלה כדי למחוק את המצב מיד.

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

בעיה ב-Chromium: 1432303.

Lighthouse גרסה 10.2.0

בחלונית Lighthouse פועלת עכשיו Lighthouse גרסה 10.2.0. הבדיקה המשמעותית ביותר היא שהבדיקה של המהירות שבה נטען רכיב התוכן הכי גדול (LCP) מקבלת טבלה עם חישובי פאזות להדמיה של וויסות נתונים (throttle) של הדמיה בכלי פיתוח. לעיון ברשימת השינויים המלאה

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

בעיה ב-Chromium: 772558.

התעלמות מסקריפטים של תוכן כברירת מחדל

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

כשההגדרה הזו מופעלת:

• הכלי לניפוי באגים מתעלם מסקריפטים כאלה ולא מפסיק חריגות שנגרמות על ידו.
• מקורות > החלונית Call Stack מדלגת על פריימים שמתעלמים מהם. כדי להשבית את הדילוג כאן, מסמנים את הצגת פריימים שכלולים ברשימת קטעי הקוד להתעלמות.
• המסוף מכווץ פריימים שמתעלמים מהם בדוחות הקריסות. לוחצים על הצגת N מסגרות נוספות כדי להרחיב, ועל להציג פחות כדי לכווץ שוב.

בנוסף, לתיבות הסימון ברשימת ההתעלמות נעשה טקסט ברור יותר.

בעיות ב-Chromium: 1440958, 1364501.

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

הרשת > בחלונית Response, עכשיו מתבצעת הדפסה יפה של גופי תגובה מוקטנים כברירת מחדל, בדומה לחלונית מקורות.

בנוסף, קובצי SVG מקבלים הדגשת תחביר.

בעיות ב-Chromium: 1382752, 1385374.

פרטים שונים

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

• הגדרות > מכשירים: Facebook for Android v407 ב-Pixel 6 נוסף לרשימת מחרוזות הסוכנים.
• רשת: נוסף קיצור הדרך ניקוי יומן הרשת (1444991):
  • MacOS: Command + K
  • Windows/Linux: Control + L
• הסרת את מכשיר ההקלטה > הקלטה N > האפשרות הנפתחת חלונית התובנות לגבי הביצועים (1414773).
• גיליונות סגנונות שלא נטענו מוסתרים עכשיו מעץ הניווט (1386059).
• ביצועים: תוקנה התצוגה השגויה של טראק האינטראקציות המתרחב (1432510).
• רכיבים: עכשיו גיליונות סגנונות שלא נטענו מופיעים בקו תחתון גלי (1440626).
• הכלי לניפוי באגים לא שלב באופן אוטומטי ב-WebAssembly אם אין פלאגין בשפה המתאימה (1443342).
• מקש הקיצור שמעביר את הסמן מילה אחת בכל פעם ישוחזר בקובצי CSS בקטע מקורות > עריכה (1241848):
  • ב-MacOS: Alt + חץ
  • ב-Windows או ב-Linux: Ctrl + חץ

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

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

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

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

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

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

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