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

Sofia Emelianova
Sofia Emelianova

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

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

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

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

תג רשת המשנה ושכבת-העל באזור התצוגה.

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

בעיה ב-Chromium: 1442536.

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

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

הסבר קצר עם משקל ספציפי של בורר.

בעיה ב-Chromium: 1204932.

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

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

ההסבר הקצר עם הערך של מאפיין ה-CSS המותאם אישית.

צוות כלי הפיתוח רוצה להודות ל-丝 ולSuyan על השיפור בביצועים.

בעיה ב-Chromium: 1380779.

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

הדגשה של תחביר CSS

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

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

תמיכה משופרת בתחביר CSS ובעורכים מוטבעים בקטע 'מקורות'.

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

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

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

מספר השורה בעמודה הימנית ותיבת הדו-שיח של נקודת העצירה (breakpoint).

בעיה ב-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) וסימולציה של ויסות נתונים (throttle) של כלי הפיתוח. לעיון ברשימת השינויים המלאה

טבלת השלבים של ה-LCP.

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

בעיה ב-Chromium: 772558.

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

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

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

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

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

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

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

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

הופעלה הדפסה יפה בחלון תגובה של הכרטיסייה 'רשת'.

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

הדגשת תחביר SVG.

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

דגשים שונים

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

  • הגדרות. הגדרות > מכשירים: נוסף Facebook ל-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 או 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