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

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

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

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

בדוגמה הזו, מתחילים הקלטה ומנסים לבצע את הפעולות הבאות:

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

כדי להבין איך מכשיר ההקלטה תיעד את האירועים האלה, אפשר להרחיב את השלבים:

  • לחיצה כפולה מתועדת כ-type: doubleClick.
  • אירוע קליק ימני מתועד כ-type: click, אבל המאפיין button מוגדר כ-secondary. הערך button של קליק רגיל בעכבר הוא primary.

הבעיות ב-Chromium: 1300839, 1322879, 1299701, 1323688

מצב חדש של טווח זמן ותמונת מצב בחלונית Lighthouse

עכשיו אפשר להשתמש ב-Lighthouse כדי למדוד את ביצועי האתר מעבר לטעינת הדף.

מצב חדש של טווח זמן ותמונת מצב בחלונית Lighthouse

בחלונית Lighthouse יש עכשיו תמיכה ב-3 מצבים של מדידת זרימת המשתמשים:

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

לדוגמה: בדף ההדגמה הזה אפשר למדוד את הביצועים של הוספת פריטים לעגלת הקניות. בוחרים במצב טווח זמן ולוחצים על התחלת טווח הזמן. גוללים ומוסיפים כמה פריטים לעגלת הקניות. בסיום, לוחצים על End timespan (סיום זמן הסיום) כדי ליצור דוח Lighthouse של האינטראקציות של המשתמשים.

מצב טווח זמן

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

בעיה ב-Chromium: 1291284

עדכונים בתובנות לגבי הביצועים

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

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

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

בעיה ב-Chromium: 1313382

אישור למחיקה של הקלטת ביצועים

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

אישור למחיקה של הקלטת ביצועים

בעיה ב-Chromium: 1318087

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

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

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

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

בעיה ב-Chromium: 1146146

בחירת צבע מחוץ לדפדפן

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

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

בחירת צבע מחוץ לדפדפן

בעיה ב-Chromium: 1245191

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

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

בדוגמה הזו, הפונקציה double כוללת פרמטר קלט a ומשתנה x. מציבים נקודת עצירה (breakpoint) בשורה return ומריצים את הקוד. בתצוגה המקדימה שבשורה מוצגים הערכים a ו-x בצורה תקינה. בעבר, הכלי לניפוי באגים לא הציג את הערך x בתצוגה המקדימה המוטבעת.

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

בעיה ב-Chromium: 1316340

תמיכה ב-blobs גדולים למאמתים וירטואליים

הכרטיסייה WebAuthn כוללת עכשיו את תיבת הסימון החדשה תמיכה ב-blob גדול למאמתים וירטואליים.

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

 תמיכה ב-blobs גדולים למאמתים וירטואליים

בעיה ב-Chromium: 1321803

מקשי קיצור חדשים בחלונית 'מקורות'

שני מקשי קיצור חדשים זמינים עכשיו בחלונית מקורות:

  • מחליפים את מצב סרגל הצד ניווט (ימין) באמצעות Control / Command + Shift + Y
  • מחליפים את המצב של סרגל הצד של debugger (משמאל) באמצעות המקשים Control / Command + Shift + H

מקשי קיצור חדשים לחלונית 'מקורות'

בעיות ב-Chromium: 1226363

שיפורים במפות מקור

עד כה, מפתחים חווים כשל אקראי במהלך:

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

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

  • תיקון מיפוי בין מיקום והיסט עבור סקריפטים מוטבעים ומיקום מקור
  • שימוש בפרטי הגיבוי למיקום הטקסט של המסגרת
  • כתובת URL של המסגרת תואמת באופן תקין את כתובות ה-URL היחסיות

בעיות ב-Chromium: 1319828, 1318635, 1305475

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

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