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

Sofia Emelianova
Sofia Emelianova

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

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

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

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

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

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

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

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

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

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

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

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

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

בעיה ב-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 > אחסון.

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

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

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

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

בעיה ב-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 שקשורים לכלי פיתוח.

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

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