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

Sofia Emelianova
Sofia Emelianova
GitHub

חלונית חדשה של מילוי אוטומטי

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

כדאי לנסות את החלונית החדשה בדף ההדגמה שכוללת את נתוני הבדיקה:

  1. במילוי אוטומטי של פרופיל, לוחצים על אחד מהלחצנים של מילוי טופס..., לוחצים על שליחה. אחר כך, בחלון הדו-שיח שמירת כתובת?, לוחצים על שמירה וחוזרים לדף שבו נמצא הטופס.
  2. כדי לפתוח את כלי הפיתוח ולהפעיל אירוע של מילוי אוטומטי: בוחרים שדה בטופס ובוחרים את הכתובת מהרשימה הנפתחת.

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

החלונית 'מילוי אוטומטי'.

מידע נוסף זמין במאמרים מידע על טפסים ומילוי אוטומטי.

ויסות נתונים (throttling) משופר של רשת עבור WebRTC

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

הפרמטרים החדשים הם: אובדן חבילות (אחוזים), אורך תור המנות (מספר המנות) והסימון סידור מחדש של חבילות check_box.

האפשרות 'לפני ואחרי' הוספנו אפשרויות חדשות שקשורות לחבילות לפרופילים מותאמים אישית של ויסות נתונים (throttle).

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

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

בעיה ב-Chromium: 41175925.

תמיכה באנימציות שמונעות גלילה בחלונית 'אנימציות'

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

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

קבוצה של אנימציות מבוססות גלילה שמסומנות בסמל עכבר.

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

תמיכה משופרת בקינון CSS ב'רכיבים' > סגנונות

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

לפני ואחרי הוספת כניסת פסקה וסגירת סגנונות מקוננים בסוגריים מסולסלים.

בעיה ב-Chromium: 40166888.

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

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

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

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

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

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

חיצים מטעם יוזמים נבחרים לאירועים שהם יזמו

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

תצוגת 'הלפני ואחרי' הצגת חיצים מאירועים נבחרים לאירועי הפעלה וקישורים עם שם במקום חשיפה.

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

בעיות ב-Chromium: 325604258, 325024819, 326055289.

Lighthouse גרסה 11.6.0

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

השינויים הבולטים ביותר הם ההגדרה החדשה check_box_outline_blank הפעלה של דגימת JS. ההגדרה הזו מושבתת כברירת מחדל.

לפני ואחרי הוספת הגדרה של דגימת JS לצורך הצטרפות.

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

מעקב ביצועים ללא (בצד שמאל) עם דגימת JS (בצד ימין).

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

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

בעיה ב-Chromium: 772558.

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

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

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

בעיה ב-Chromium: 41490331.

אפליקציה > עדכוני אחסון

בגרסה הזו מופיעים כמה עדכונים בקטע Application > Storage.

בייטים שמשמשים לנפח אחסון משותף

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

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

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

בעיה ב-Chromium: 324464353.

Web SQL הוצא משימוש באופן מלא

Chrome הוציא משימוש את Web SQL בגרסה 119 והסיר את האסימון של תקופת הניסיון להוצאה משימוש בגרסה הזו, כך שלא ניתן יותר להשתמש ב-Web SQL.

בעקבות זאת, כלי הפיתוח הסיר את הקטע Web SQL מהחלונית Application.

בעיה ב-Chromium: 327254049.

שיפורים בחלונית הכיסוי

בגרסה הזו בוצעו כמה עדכונים בחלונית כיסוי:

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

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

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

שינוי הצבע של הקוד שהיה בשימוש לפני ואחרי השינוי לאפור.

בעיה ב-Chromium: 41494198, 329253687.

ייתכן שהחלונית 'שכבות' הוצאה משימוש

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

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

אתם מוזמנים לשתף את המחשבות והחששות שלכם לפני שהצוות יקבל את ההחלטה הסופית להוציא משימוש את הפאנל.

הוצאה משימוש של הכלי לניתוח ביצועי JavaScript: שלב רביעי, סופי

בגרסה הזו, החלונית JS Profiler הוצאה משימוש באופן מלא ואי אפשר יותר להפעיל אותה מחדש.

כדי להציג את ביצועי המעבד (CPU), משתמשים בחלונית ביצועים.

בעיה ב-Chromium: 40262073.

פרטים שונים

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

  • רשת:
    • תוקן באג שגרם לניתוח שגוי של קובצי cookie מרובי שורות (325410304).
    • תצוגה מקדימה קבועה של מקבץ שיחות בעמודה יוזם (327665602).
  • מעקב אחר ביצועים: תיבות הסימון של הטראקים זהות עכשיו כמו בשאר ממשק המשתמש (1467464).
  • מקורות: נוספה הדגשת תחביר למסמכי XHTML (327940244).
  • הגדרות > מכשירים: Galaxy Fold הוחלף בגרסה החדשה יותר של Galaxy Z Fold 5 (40113439).
  • ביצועים: כל תוצאות החיפוש התואמות מודגשות עכשיו כשמבצעים חיפוש באמצעות Ctrl/Cmd+F (1523279).
  • משאבים למפתחים: עכשיו מוצגים גם משאבים שנטענים דרך תוספי שפה, כמו תוסף ל-Chrome עם תמיכה בכלי הפיתוח (DWARF), C/C++ (40746829).
  • ביצועים: תיקנו מקבץ שיחות שנחתכו והפריסה הלא תקינה שלו בכרטיסייה סיכום (325314708).
  • חלונית הזזה: עכשיו ניתן להתמקד בלחצני סגירה סגירה, כך שניתן יהיה לסגור את החלוניות באמצעות המקלדת.

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

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

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

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

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

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

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

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