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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

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

ויסות רשת משופר עבור WebRTC

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

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

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

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

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

בעיה ב-Chromium: 41175925.

תמיכה באנימציות מבוססות-גלילה בחלונית 'אנימציות'

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

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

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

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

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

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

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

בעיה ב-Chromium: 40166888.

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

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

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

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

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

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

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

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

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

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

הבעיות ב-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.

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

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

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

בעיה ב-Chromium: 41490331.

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

גרסה זו כוללת כמה עדכונים ב-Application > Storage.

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

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

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

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

בעיה ב-Chromium: 324464353.

Web SQL הוצא משימוש לחלוטין

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

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

בעיה ב-Chromium: 327254049.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

בעיה ב-Chromium: 40262073.

דגשים שונים

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

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

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

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

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

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

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

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

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

Chrome 124

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