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

Sofia Emelianova
Sofia Emelianova

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

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

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

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

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

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

בעיה ב-Chromium: 1442536.

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

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

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

בעיה ב-Chromium: 1204932.

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

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

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

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

בעיה ב-Chromium: 1380779.

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

הדגשת תחביר CSS

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

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

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

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

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

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

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

בעיה ב-Chromium: 1405767.

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

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

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

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

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

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

בעיה ב-Chromium: 1432303.

Lighthouse גרסה 10.2.0

בחלונית Lighthouse פועלת עכשיו Lighthouse גרסה 10.2.0. הבדיקה המשמעותית ביותר היא שהבדיקה של המהירות שבה נטען רכיב התוכן הכי גדול (LCP) מקבלת טבלה עם חישובי פאזות להדמיה של וויסות נתונים (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 או בטא כדפדפן הפיתוח שמוגדר כברירת מחדל. הערוצים לתצוגה מקדימה אלה מעניקים לך גישה לתכונות החדשות של כלי הפיתוח, בודקים ממשקי API מתקדמים של פלטפורמות אינטרנט ומוצאים בעיות באתר שלך לפני שהמשתמשים עושים זאת.

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

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

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

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

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

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113

Chrome 112

Chrome 111

Chrome 110

Chrome 109

Chrome 108

Chrome 107

Chrome 106

Chrome 105

Chrome 104

Chrome 103

Chrome 102

Chrome 101

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Chrome 91

Chrome 90

Chrome 89

Chrome 88

Chrome 87

Chrome 86

Chrome 85

Chrome 84

Chrome 83

Chrome 82

Chrome 82 בוטל.

Chrome 81

Chrome 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome 65

Chrome 64

Chrome 63

Chrome 62

Chrome 61

Chrome 60

Chrome 59