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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

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

הגבלת רוחב פס משופרת ב-WebRTC

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

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

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

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

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

בעיה ב-Chromium: ‏ 41175925.

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

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

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

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

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

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

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

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

בעיה ב-Chromium: 40166888.

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

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

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

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

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

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

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

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

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

בנוסף, לכל היוזמים יש עכשיו שדות Initiator for (יוזם עבור) בכרטיסייה Summary (סיכום), ובשדות Initiator for (יוזם עבור) ו-Initiated by (הופעל על ידי) יש קישורים עם שמות במקום Reveal (חשיפה).

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

‫Lighthouse 11.6.0

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

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

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

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

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

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

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

בעיה ב-Chromium: ‏ 772558.

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

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

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

בעיה ב-Chromium: ‏ 41490331.

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

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

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

בקטע Application > Storage > Shared storage מוצג עכשיו מספר הבייטים שמשמשים מקור.

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

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

בעיה ב-Chromium: ‏ 324464353.

הוצאה מלאה משימוש של Web SQL

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

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

בעיה ב-Chromium: 327254049.

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

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

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

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

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

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

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

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

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

באנר האזהרה שמבשר על הוצאה אפשרית משימוש בחלק העליון של החלונית Layers (שכבות).

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

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

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

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

בעיה ב-Chromium: ‏ 40262073.

מידע חשוב נוסף

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

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

הורדת ערוצי התצוגה המקדימה

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

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

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

  • אתם מוזמנים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
  • אפשר לדווח על בעיה בכלי פיתוח באמצעות הסמל אפשרויות נוספות > עזרה > דיווח על בעיה בכלי פיתוח בכלי הפיתוח.
  • שולחים ציוץ אל ‎@ChromeDevTools.
  • אפשר להוסיף תגובות לסרטונים What's new in DevTools YouTube videos או DevTools Tips YouTube videos.

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

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