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

Sofia Emelianova
Sofia Emelianova

סרגל סינון יעיל בחלונית 'רשת'

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

הניסוי התואם הופעל בגרסה הזו כברירת מחדל, אבל הוא יבוטל. אפשר לעקוב אחרי ההתקדמות בכתובת crbug.com/1523150.

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

כדי להחזיר מיד את סרגל הסינון הישן, משביתים את ההגדרות הגדרות > ניסויים > check_box_outline_blank עיצוב מחדש של סרגל הסינון בחלונית 'רשת'.

לפני ואחרי ייעול סרגל הסינון בחלונית 'רשת'.

אתם מוזמנים לכתוב משוב על התכונה בכתובת crbug.com/1500573.

בעיה ב-Chromium: 1486431.

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

התמיכה של @font-palette-values

חלונית הרכיבים תומכת עכשיו ב-CSS @font-palette-values בכלל. הוא מאפשר להתאים אישית את ערכי ברירת המחדל של המאפיין font-palette.

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

הקטע @font-palette-values בסגנונות.

בעיה ב-Chromium: 1501781.

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

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

לפני ואחרי פתרון נכס מותאם אישית כחלופה לנכס מותאם אישית אחר.

בעיה ב-Chromium: 1499265.

תמיכה משופרת במפת מקור

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

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

פרטים נוספים זמינים ב-RFC התואם.

בעיה ב-Chromium: 1444349.

שיפורים בחלונית הביצועים

מסלול אינטראקציות משופרות

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

'לפני ואחרי' הוספת שפמים לטראק האינטראקציות.

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

בעיה ב-Chromium: 1495751.

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

בכרטיסיות למטה למעלה, עץ שיחות ויומן אירועים בחלונית ביצועים יש שלושה לחצנים חדשים לסינון מתקדם:

  • match_case התאמה לאותיות רישיות.
  • regular_expression ביטוי רגולרי.
  • match_word התאמה למילה שלמה.

שלושת הלחצנים החדשים לסינון מתקדם.

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

בעיה ב-Chromium: 1496355.

סמני כניסת פיסקה בחלונית 'מקורות'

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

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

בעיה ב-Chromium: 1479986.

הסברים קצרים ומועילים לגבי כותרות ותוכן שבוטלו בחלונית 'רשת'

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

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

בעיה ב-Chromium: 1469776.

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

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

לפני ואחרי הוספת פקודות חדשות להוספה או להסרה של דפוסים שחוסמים רשתות.

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

הניסוי בהפרות של CSP הוסר

הכרטיסייה הניסיונית הפרות CSP, שהושקה בגרסה 89, הוסרה כי היא מיותרת.

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

Content Security Policy בחלונית האפליקציות.

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

Content Security Policy בחלונית האפליקציות.

מגדלור גרסה 11.3.0

בחלונית Lighthouse הופעל עכשיו Lighthouse בגרסה 11.3.0. לעיון ברשימת השינויים המלאה בין השינויים הבולטים היא היכולת להריץ דוחות בדפי 404.

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

בעיה ב-Chromium: 772558.

נגישות

גרסה זו כוללת את שיפורי הנגישות הבאים:

  • בקטע רשת > מטען ייעודי (payload), אפשר עכשיו למקד באמצעות Tab את הלחצנים הצגת מקור והצגת כתובת URL בקידודי תווים, ולהקיש על Enter או על מקש הרווח כדי להפעיל את הפעולה המתאימה.
  • כדי להפחית את הבלבול במסוף, הקישורים שמובילים לסקריפטים שכבר לא זמינים לכלי לניפוי באגים מופיעים באפור ואי אפשר ללחוץ עליהם.
  • בעצי ניווט, כמו העץ במקורות > דף, המקש Enter מרחיב עכשיו ומכווץ צמתים עם צאצאים.

הבעיות ב-Chromium: 1338391, 1500662, 1420362.

דגשים שונים

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

  • ביצועים. אם התיעוד נכשל, אתם יכולים להוריד אירועי מעקב RAW ולנסות להבין מה השתבש (לביצוע השמירה).
  • כדי להשתמש במקשי הקיצור להצגת המסוף (Ctrl+` ב-Mac, Ctrl++ ב-Windows וב-Linux), אפשר עכשיו לפתוח את המסוף גם כשלוחצים עליו פעם נוספת.
  • משאבים למפתחים בוצע תיקון באג שמנע דיווח על משאבי CSS ועל הבעיות שקשורות אליהם (1420362).
  • רכיבים:
    • תוקן באג בבדיקת רכיבים ב-iframes (1453375).
    • מחושב. תיקון באג שמנע עיבוד של ערכי ברירת מחדל (1499882).
    • חיפוש. תיקון באג שמנע חישוב של מספר ההתאמות לשאילתות קצרות שכללו תו אחד או שניים (1416457).
  • מסוף. הפונקציה מנתחת בצורה נכונה ביטויים רגולריים שמסתיימים בתו בריחה (escape) בתיבה מסנן (1346936).
  • הגדרות > Workspace. תיקון באג שמנע הוספה של תיקייה שהוחרגה (1503580).
  • רשת > תצוגה מקדימה. עכשיו הוא מעבד תמונות עם מזהי URI של data: (1381791).
  • זיכרון. הוספנו לסרגל הפעולות לחצני העלאה והורדה תקינים בסרגל הפעולות (1275407).

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

כדאי להשתמש ב-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