Jecelyn Yeen
איך מתעדים אירועים של לחיצה כפולה ולחיצה ימנית בחלונית התיעוד
עכשיו אפשר לתעד בחלונית הקלטת המסך אירועים של לחיצה כפולה ולחיצה ימנית.
בדוגמה הזו, מתחילים הקלטה ומנסים לבצע את השלבים הבאים:
- לוחצים לחיצה כפולה על הכרטיס כדי להגדיל אותו.
- לוחצים לחיצה ימנית על הכרטיס ובוחרים פעולה מתפריט ההקשר.
כדי להבין איך Recorder תיעד את האירועים האלה, אפשר להרחיב את השלבים:
- לחיצה כפולה מתועדת כ-
type: doubleClick. - האירוע לחיצה ימנית מתועד כ-
type: click, אבל עם המאפייןbuttonשמוגדר כ-secondary. הערך שלbuttonללחיצה רגילה בעכבר הואprimary.
בעיות ב-Chromium: 1300839, 1322879, 1299701, 1323688
טווח זמן חדש ומצב תמונת מצב חדשים בחלונית של Lighthouse
עכשיו אפשר להשתמש ב-Lighthouse כדי למדוד את ביצועי האתר מעבר לטעינה של הדף.
בחלונית Lighthouse יש עכשיו תמיכה ב-3 מצבים של מדידת זרימת המשתמש:
- דוחות ניווט מיועדים לניתוח של טעינת דף יחידה. ניווט הוא סוג הדוח הנפוץ ביותר. כל הדוחות מ-Lighthouse לפני הגרסה הנוכחית הם דוחות ניווט.
- הדוחות של טווחי זמן מיועדים לניתוח של תקופת זמן אקראית, שלרוב מתרחשות בה אינטראקציות של משתמשים.
- דוחות תמונות מצב מיועדים לניתוח הדף במצב מסוים. לרוב, הניתוח מתבצע לאחר שהמשתמש ביצע אינטראקציה עם הדף.
לדוגמה, נמדוד את הביצועים של הוספת פריטים לעגלת הקניות בדף הדגמה הזה. בוחרים את המצב Timespan ולוחצים על Start timespan. גוללים ומוסיפים כמה פריטים לעגלת הקניות. בסיום, לוחצים על End timespan (סיום טווח הזמן) כדי ליצור דוח Lighthouse של האינטראקציות של המשתמשים.
במאמר תרחישי משתמש ב-Lighthouse מוסבר על התרחישים הייחודיים לדוגמה, על היתרונות והמגבלות של כל מצב.
בעיה ב-Chromium: 1291284
עדכונים בתובנות לגבי הביצועים
שיפור פקדי שינוי מרחק התצוגה בחלונית 'תובנות לגבי הביצועים'
התצוגה של כלי הפיתוח תגדל עכשיו על סמך סמן העכבר ולא על סמך המיקום של סמן העכבר.באמצעות הזום האחרון שמבוסס על סמן העכבר, אפשר להזיז את העכבר לכל מקום במסלול ולהתקרב לאזור הרצוי מיד.
כדאי לעיין בתובנות לגבי הביצועים כדי ללמוד איך לקבל תובנות פרקטיות ולשפר את ביצועי האתר באמצעות החלונית.
בעיה ב-Chromium: 1313382
אישור המחיקה של הקלטת הופעה
בכלי הפיתוח מוצגת עכשיו תיבת דו-שיח לאישור לפני מחיקה של הקלטת ביצועים.
בעיה ב-Chromium: 1318087
סידור מחדש של החלונות בחלונית הרכיבים
עכשיו אפשר לשנות את הסדר של החלונות בחלונית Elements בהתאם להעדפות שלכם.
לדוגמה, כשפותחים את כלי הפיתוח במסך צר, החלונית נגישות מוסתרת מתחת ללחצן להציג עוד. אם אתם מאתרים באגים בבעיות נגישות לעיתים קרובות, עכשיו תוכלו לגרור את החלונית לחזית כדי לגשת אליה בקלות.
בעיה ב-Chromium: 1146146
בחירת צבע מחוץ לדפדפן
בכלי הפיתוח יש עכשיו תמיכה בבחירת צבע מחוץ לדפדפן. בעבר אפשר היה לבחור צבע רק בתוך הדפדפן.
בחלונית סגנונות, לוחצים על תצוגה מקדימה של צבע כלשהי כדי לפתוח בוחר צבעים. משתמשים בכלי הטפטפת כדי לבחור צבע מכל מקום.
בעיה ב-Chromium: 1245191
תצוגה מקדימה משופרת של ערכים בתוך שורות במהלך ניפוי באגים
עכשיו תצוגת התצוגה המקדימה של הערכים בתוך השורה מוצגת בצורה נכונה בכלי לניפוי באגים.
בדוגמה הזו, לפונקציה double יש פרמטר קלט a ומשתנה x. מוסיפים נקודת עצירה בשורה return ומריצים את הקוד. הערכים a ו-x מוצגים בצורה נכונה בתצוגה המקדימה בשורה. בעבר, הערך x לא הוצג בתצוגה המקדימה בתוך השורה בכלי לניפוי הבאגים.
בעיה ב-Chromium: 1316340
תמיכה ב-blobs גדולים במאמתים וירטואליים
בכרטיסייה WebAuthn יש עכשיו את תיבת הסימון החדשה Support Large blob (תמיכה ב-blob גדול) למאמתים וירטואליים.
תיבת הסימון הזו מושבתת כברירת מחדל. אפשר להפעיל אותו רק למאמתים עם פרוטוקול ctap2 שתומכים במפתחות מוטמעים.
בעיה ב-Chromium: 1321803
מקשי קיצור חדשים בחלונית המקורות
עכשיו יש שני מקשי קיצור חדשים בחלונית מקורות:
- החלפת מצב של סרגל הצד של הניווט (שמאל) באמצעות Control / Command + Shift + Y
- החלפת מצב של סרגל הצד של הכלי לניפוי באגים (בצד שמאל) באמצעות Control / Command + Shift + H
בעיות ב-Chromium: 1226363
שיפורים במפות מקור
בעבר, מפתחים נתקלו בכשלים אקראיים במהלך:
- ניפוי באגים באמצעות דוגמה ב-Codepen
- זיהוי מיקום המקור של בעיות בביצועים בדוגמה ב-Codepen
- הכרטיסייה Component חסרה כשReact DevTools מופעל
ריכזנו כאן כמה תיקונים במפות המקור שיעזרו לכם לשפר את חוויית ניפוי הבאגים הכוללת:
- מיפוי נכון בין מיקום והיסט עבור סקריפטים מוטבעים ומיקום המקור
- שימוש בנתוני חלופי למיקום הטקסט בפריים
- פתרון תקין של כתובות URL יחסיות באמצעות כתובת ה-URL של המסגרת
בעיות ב-Chromium: 1319828, 1318635, 1305475
הורדת הערוצים לתצוגה מקדימה
מומלץ להשתמש ב-Chrome Canary, ב-Dev או ב-Beta כדפדפן הפיתוח שמוגדר כברירת מחדל. ערוצי התצוגה המקדימה האלה מעניקים לכם גישה לתכונות העדכניות ביותר של DevTools, מאפשרים לכם לבדוק ממשקי API מתקדמים לפלטפורמות אינטרנט ולמצוא בעיות באתר לפני שהמשתמשים שלכם יעשו זאת.
יצירת קשר עם צוות כלי הפיתוח ל-Chrome
אפשר לבחור מבין האפשרויות הבאות כדי לדון בתכונות החדשות, בעדכונים או בכל נושא אחר שקשור לכלי פיתוח.
- אתם יכולים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
- כדי לדווח על בעיה בכלי הפיתוח, לוחצים על אפשרויות נוספות > עזרה > דיווח על בעיה בכלי הפיתוח בכלי הפיתוח.
- שולחים ציוץ אל @ChromeDevTools.
- אפשר להשאיר תגובות בסרטונים של מה חדש בכלי הפיתוח ב-YouTube או בסרטונים של טיפים לכלי הפיתוח ב-YouTube.
מה חדש בכלי הפיתוח
רשימה של כל מה שנדון בסדרה מה חדש ב-DevTools.
- ניפוי באגים ב-CSS באמצעות Gemini
- שליטה בתכונות מבוססות-AI בכרטיסיית הגדרות ייעודית
- שיפורים בחלונית 'ביצועים'
- הוספת הערות לממצאים לגבי הביצועים ושיתוף שלהם
- קבלת תובנות על הביצועים ישירות בחלונית הביצועים
- קל יותר לזהות שינויים משמעותיים בפריסת המשתתפים
- זיהוי אנימציות לא מורכבות
- התכונה 'הפעלות בו-זמניות בחומרה' עוברת ל'חיישנים'
- התעלמות מסקריפטים אנונימיים והתמקדות בקוד שלכם בדוחות קריסות
- רכיבים > סגנונות: תמיכה במצבי כתיבה באלכסון* לשכבות-על של רשתות ולמילות מפתח ברמת ה-CSS
- ביקורות של Lighthouse לדפים שאינם HTTP במצבי טווח זמן ותמונת מצב
- שיפורים בנגישות
- שונות
- שיפורים בחלונית הרשת
- מסנני רשת בגרסה חדשה
- ייצוא קובצי HAR לא כולל יותר מידע אישי רגיש כברירת מחדל
- שיפורים בחלונית הרכיבים
- ערכים להשלמה אוטומטית של מאפיינים מסוג text-emphasis-*
- הצגת תגים על גלילה מעבר למקסימום
- שיפורים בחלונית הביצועים
- המלצות במדדים בזמן אמת
- ניווט בנתיבי ניווט
- שיפורים בחלונית הזיכרון
- פרופיל חדש 'רכיבים מנותקים'
- שמות משופרים לאובייקטים של JS פשוט
- השבתת עיצוב דינמי
- ניסוי ב-Chrome: שיתוף תהליכים
- Lighthouse 12.2.1
- שונות
- מכשיר ההקלטה תומך בייצוא ל-Puppeteer ב-Firefox
- שיפורים בחלונית 'ביצועים'
- תצפיות על מדדים בזמן אמת
- בקשות חיפוש במעקב אחר רשתות
- הצגת דוחות קריסות של קריאות Performance.mark ו-Performance.measure
- שימוש בנתונים של כתובות לבדיקה בחלונית המילוי האוטומטי
- שיפורים בחלונית הרכיבים
- אילוץ מצבים נוספים לרכיבים ספציפיים
- ב'רכיבים' > 'סגנונות', השלמה אוטומטית של נכסי רשת נוספים
- Lighthouse 12.2.0
- דברים בולטים שונים
- התכונה 'תובנות במסוף' של Gemini זמינה עכשיו ברוב מדינות אירופה
- עדכונים בחלונית הביצועים
- Enhanced Network Track (מסלול ברשת משופרת)
- התאמה אישית של נתוני הביצועים באמצעות API של יכולת הרחבה
- פרטים בטראק 'זמנים'
- העתקת כל הבקשות שמפורטות בחלונית הרשת
- תמונות מיידיות מהירות יותר של אשכול עם תגי HTML עם שם ופחות פריטים
- פתיחת חלונית האנימציות כדי לצלם אנימציות ולערוך את ה-@keyframes בזמן אמת
- Lighthouse 12.1.0
- שיפורים בנגישות
- שונות
- בדיקת מיקום עוגן CSS בחלונית 'רכיבים'
- שיפורים בחלונית 'מקורות'
- שיפור התכונה 'אין להשהות כאן'
- פונקציות חדשות מסוג event listener לגלילה ב-Snap
- שיפורים בחלונית הרשת
- הגדרות קבועות מראש מעודכנות של הגבלת רוחב הפס
- מידע על שירותי ה-worker בשדות בהתאמה אישית בפורמט HAR
- שליחת אירועי WebSocket וקבלה שלהם בחלונית 'ביצועים'
- שונות
- שיפורים בחלונית הביצועים
- העברה והסתרה של טראקים באמצעות מצב הגדרת הטראק המעודכן
- התעלמות מסקריפטים בתרשים הלהבות
- ויסות נתונים (throttle) של המעבד פי 20
- החלונית 'תובנות לגבי הביצועים' תוסר משימוש
- חיפוש שימוש מוגזם בזיכרון באמצעות מסננים חדשים בתמונות מצב של ערימה (heap)
- בדיקת הקטגוריות של האחסון בקטע Application (אפליקציה) > Storage (אחסון)
- השבתת אזהרות על XSS עצמי באמצעות דגל בשורת הפקודה
- Lighthouse 12.0.0
- דברים בולטים שונים
- הסבר נוסף על שגיאות ואזהרות במסוף בעזרת Gemini
- @position-try rules support ב-Elements > Styles
- שיפורים בחלונית 'מקורות'
- הגדרה של הדפסה יפה ואטומה של סוגריים
- המערכת מזהה הבטחות שנדחו כ'נתפסו'
- גורמי השגיאות במסוף
- שיפורים בחלונית הרשת
- בדיקת כותרות של רמזים מוקדמים
- הסתרת העמודה 'מפל מים'
- שיפורים בחלונית 'ביצועים'
- תיעוד הנתונים הסטטיסטיים של הסלקטורים ב-CSS
- שינוי הסדר והסתרת הטראקים
- התעלמות מריטיינרים בחלונית 'זיכרון'
- Lighthouse 11.7.1
- שונות
- חלונית חדשה של מילוי אוטומטי
- שיפור של הגבלת התעבורה ברשת ל-WebRTC
- תמיכה באנימציות שמונעות גלילה בחלונית 'אנימציות'
- תמיכה משופרת בהטמעת CSS ב'רכיבים' > 'סגנונות'
- חלונית הביצועים המשופרת
- הסתרת פונקציות וצאצאים שלהן בתרשים הלהבה
- חיצים ממקורות היזום שנבחרו לאירועים שהם יזמו
- Lighthouse 11.6.0
- טיפים לקטגוריות מיוחדות בקטע 'זיכרון' > 'תמונת מצב של הזיכרון'
- Application (אפליקציה) > Storage updates (עדכוני אחסון)
- בייטים שנעשה בהם שימוש באחסון שיתופי
- Web SQL הוצא משימוש באופן מלא
- שיפורים בחלונית הדפים הנכללים באינדקס
- יכול להיות שהחלונית 'שכבות' הוצאה משימוש
- הוצאה משימוש של הכלי לניתוח ביצועים (profiler) של JavaScript: שלב רביעי, סופי
- דברים בולטים שונים
- איך מוצאים את ביצת ההפתעה
- עדכונים בחלונית הרכיבים
- יצירת אמולציה של דף במיקוד בקטע 'אלמנטים' > 'סגנונות'
- בוחר צבעים, שעון זווית ו-Easing Editor בתרחישי חלופיים של
var() - הכלי למדידת אורך של CSS יצא משימוש
- חלון קופץ של תוצאת החיפוש שנבחרה בקטע 'ביצועים' > 'מעקב ראשי'
- עדכונים בחלונית הרשת
- לחצן ניקוי ומסנן חיפוש בכרטיסייה Network (רשת) > EventStream (אירוע בזמן אמת)
- תיאורי מידע עם סיבות לפטור משימוש בקובצי cookie של צד שלישי בקטע 'רשת' > 'קובצי cookie'
- הפעלה והשבתה של כל נקודות העצירה (breakpoint) במקורות
- הצגת סקריפטים טעונים בכלי הפיתוח של Node.js
- Lighthouse 11.5.0
- שיפורים בנגישות
- דברים בולטים שונים
- האוסף הרשמי של תוספים למכשיר ההקלטה זמין עכשיו
- שיפורים ברשת
- הסיבה לכישלון בעמודה 'סטטוס'
- תפריט משנה משופר של 'העתקה'
- שיפורי ביצועים
- נתיבי ניווט בציר הזמן
- גורמים שמפעילים אירועים בטראק הראשי
- תפריט בורר של מופע VM של JavaScript עבור כלי הפיתוח של Node.js
- קיצור דרך ופקודה חדשים בקטע 'מקורות'
- שיפורים ברכיבים
- עכשיו ניתן לערוך את המאפיין ::view-transition pseudo-element בסגנונות
- התמיכה של המאפיין align-content בקונטיינרים של בלוקים
- תמיכה בתנוחות למכשירים מתקפלים במהלך הדמיה
- עיצוב דינמי
- אזהרות לגבי ההוצאה משימוש של קובצי cookie של צד שלישי בחלוניות 'רשת' ו'אפליקציה'
- Lighthouse 11.4.0
- שיפורים בנגישות
- שונות
- שיפורים ברכיבים
- סרגל סינון יעיל בחלונית Network
- תמיכה ב-
@font-palette-values - מקרה נתמך: נכס מותאם אישית כחלופה לנכס מותאם אישית אחר
- תמיכה משופרת במפות מקור
- שיפורים בחלונית 'ביצועים'
- מעקב אחר אינטראקציות משופרות
- סינון מתקדם בכרטיסיות 'מלמטה למעלה', 'עץ שיחות' ו'יומן אירועים'
- סמנים של כניסת פיסקה בחלונית 'מקורות'
- הסברים קצרים שימושיים על כותרות ותוכן שבוטלו בחלונית 'רשת'
- אפשרויות חדשות בתפריט הפקודה להוספה ולהסרה של דפוסים שחוסמים בקשות
- הניסוי 'הפרות של CSP' הוסר
- Lighthouse 11.3.0
- שיפורים בנגישות
- שונות
- הוצאה משימוש של קובצי Cookie של צד שלישי
- ניתוח קובצי ה-Cookie באתר בעזרת כלי הניתוח של 'ארגז החול לפרטיות'
- התכונה 'הצגת כרטיסי מוצר מודעים'
- תבנית החרגה שמוגדרת כברירת מחדל עבור node_modules
- החרגות שנתפסו עכשיו מפסיקות את הביצוע אם הן נתפסו או עוברות קוד שלא מתעלם מהן
x_google_ignoreListשמו שונה ל-ignoreListבמפות המקור- שינוי מצב הקלט במהלך ניפוי באגים מרחוק
- בחלונית הרכיבים מוצגות עכשיו כתובות URL של צמתים מסוג #document
- מדיניות אפקטיבית של Content Security בחלונית האפליקציות
- ניפוי באגים משופר של אנימציות
- ההודעה 'האם הקוד הזה מהימן?' בתיבת הדו-שיח 'מקורות' ואזהרת XSS עצמית במסוף
- נקודות עצירה של Event listener בעובדי אינטרנט וב-worklets
- תג המדיה החדש ב-
<audio>וב-<video> - השם של 'טעינה מראש' שונה ל'טעינה ספקולטיבית'
- Lighthouse 11.2.0
- שיפורים בנגישות
- שונות
- שיפור הקטע @property בקטע 'רכיבים' > 'סגנונות'
- כלל @property שניתן לערוך
- דווחו בעיות עם כללי @property לא חוקיים
- רשימת מכשירים מעודכנת להדמיה
- הצגת JSON בתוך שורה בתגים של סקריפטים בקטע 'מקורות'
- השלמה אוטומטית של שדות פרטיים במסוף
- Lighthouse 11.1.0
- שיפורים בנגישות
- הוצאה משימוש של SQL באינטרנט
- תיקוף של יחס גובה-רוחב של צילומי מסך בקטע Application > Manifest
- שונות
- קטע חדש לנכסים מותאמים אישית בקטע 'רכיבים' > 'סגנונות'
- שיפורים נוספים בשינויים מקומיים
- חיפוש משופר
- חלונית מקורות משופרת
- סביבת עבודה יעילה יותר בחלונית המקורות
- שינוי הסדר של החלונות ב'מקורות'
- הדגשת תחביר והצגה יפה יותר של סוגים נוספים של סקריפטים
- הדמיה של תכונת מדיה עם שקיפות והעדפה לצמצום
- Lighthouse 11
- שיפורים בנגישות
- שונות
- שיפורים בחלונית הרשת
- ביטול תוכן מהאינטרנט באופן מקומי מהר יותר
- שינוי התוכן של בקשות XHR ושל בקשות אחזור
- הסתרת בקשות של תוספים ל-Chrome
- קודי מצב HTTP שקריאים לבני אדם
- הגדרות מקורות שמופעלות כברירת מחדל: קיפול קוד וחשיפת קבצים אוטומטית
- ניפוי באגים משופר של בעיות בקובצי cookie של צד שלישי
- צבעים חדשים
- Lighthouse 10.4.0
- ניפוי באגים בטעינה מראש בחלונית האפליקציה
- התוסף לניפוי באגים ב-C/C++ WebAssembly לכלי פיתוח זמין עכשיו בקוד פתוח
- שונות
- (ניסיוני) הדמיה חדשה של רינדור: prefers-reduced-transparency
- (ניסיוני) מעקב אחר פרוטוקול משופר
- ניפוי באגים משופר של גיליונות סגנונות חסרים
- תמיכה בתזמון לינארי ב'רכיבים' > 'סגנונות' > 'ההתאמה לעריכה'
- תמיכה בקטגוריות אחסון ותצוגת מטא-נתונים
- Lighthouse 10.3.0
- נגישות: פקודות במקלדת וקריאת מסך משופרת
- שונות
- שיפורים ברכיבים
- תג חדש של רשת משנה ב-CSS
- הסבר קצר ספציפי לבורר
- ערכים של מאפייני CSS מותאמים אישית בהסברים על הכלים
- שיפורים במקורות
- הדגשת תחביר CSS
- קיצור דרך להגדרת נקודות עצירה מותנות
- Application (אפליקציה) > Bounce Tracking Mitigations (הקלות במעקב אחר עזיבה מהדף הראשון)
- Lighthouse 10.2.0
- התעלמות מסקריפטים של תוכן כברירת מחדל
- רשת > שיפורי תגובה
- שונות
- תמיכה בניפוי באגים ב-WebAssembly
- שיפור התנהגות השלבים באפליקציות Wasm
- ניפוי באגים במילוי האוטומטי באמצעות הלוח 'רכיבים' והכרטיסייה 'בעיות'
- טענות נכוֹנוּת (assertions) ב-Recorder
- Lighthouse 10.1.1
- שיפורי ביצועים
- Performance.mark() מציג תזמון כשמעבירים את העכבר מעל לקטע 'ביצועים' > 'תזמונים'
- הפקודה profile() מאכלסת את Performance (ביצועים) > Main (ראשי)
- אזהרה על אינטראקציות איטיות של משתמשים
- עדכונים ב-Web Vitals
- הוצאה משימוש של הכלי לפרופיל JavaScript: שלב שלישי
- שונות
- שינוי כותרות התגובה של הרשת
- שיפורים בניפוי באגים ב-Nuxt, ב-Vite וב-Rollup
- שיפורים בשירות CSS ברכיבים > סגנונות
- מאפיינים וערכים לא חוקיים של CSS
- קישורים לפריימים מרכזיים בנכס של אנימציית הקיצור
- הגדרה חדשה במסוף: השלמה אוטומטית בלחיצת Enter
- תפריט הפקודות מדגיש קבצים שנוצרו על ידכם
- הוצאה משימוש של הכלי לניתוח ביצועי JavaScript: שלב שני
- שונות
- עדכונים לגבי מכשיר ההקלטה
- תוספים להפעלה חוזרת של הקלטות
- הקלטה באמצעות בוררי 'חשיפת נתונים'
- ייצוא הקלטות כסקריפטים של Puppeteer באמצעות ניתוח Lighthouse
- איך מקבלים תוספים למכשיר ההקלטה
- רכיבים > עדכוני סגנונות
- מסמכי תיעוד של CSS בחלונית 'סגנונות'
- תמיכה ב-CSS בתצוגת עץ
- סימון נקודות יומן ונקודות עצירה מותנות במסוף
- התעלמות מסקריפטים לא רלוונטיים במהלך ניפוי באגים
- ההוצאה משימוש של הכלי לניתוח ביצועי JavaScript התחילה
- אמולציה של ירידה ברגישות לניגודיות
- Lighthouse 10
- שונות
- ניפוי באגים בצבע HD באמצעות החלונית Styles
- חוויית משתמש משופרת של נקודות עצירה
- מקשי קיצור מותאמים אישית למכשיר ההקלטה
- הדגשת תחביר משופרת ב-Angular
- סידור מחדש של קובצי מטמון בחלונית 'אפליקציות'
- שונות
- ניקוי לוח הביצועים בטעינה מחדש
- עדכונים לגבי מכשיר ההקלטה
- הצגה והדגשת הקוד של זרימת המשתמש במכשיר ההקלטה
- התאמה אישית של סוגי הבוררים בהקלטה
- עריכת תהליך השימוש בזמן הצילום
- הדפסה יפה במיקום אוטומטי
- הדגשת תחביר משופרת ותצוגה מקדימה מוטמעת ל-Vue, SCSS ועוד
- השלמה אוטומטית ארגונומית ועקבית במסוף
- דברים בולטים שונים
- מכשיר הקלטה: העתקה כאפשרויות לשלבים, להפעלה חוזרת בתוך הדף, לתפריט ההקשר של השלב
- הצגת שמות הפונקציות בפועל בהקלטות של הביצועים
- מקשי קיצור חדשים בחלונית 'מסוף ומקורות'
- ניפוי באגים משופר ב-JavaScript
- שונות
- [ניסיוני] חוויית משתמש משופרת בניהול נקודות עצירה
- [ניסיוני] הדפסה יפה אוטומטית במקום
- רמזים לגבי נכסי CSS לא פעילים
- זיהוי אוטומטי של סלקטורים של XPath וטקסט בחלונית של מכשיר ההקלטה
- הצגת ביטויים מופרדים בפסיקים
- שיפור ההגדרה של רשימת ההתעלמות
- שונות
- התאמה אישית של מקשי הקיצור ב-DevTools
- מעבר בין עיצוב בהיר לעיצוב כהה באמצעות מקש קיצור
- הדגשת אובייקטים של C/C++ בבודק הזיכרון
- תמיכה בפרטי מפעיל מלאים לייבוא של קובץ HAR
- התחלת חיפוש DOM אחרי לחיצה על
Enter - הצגת הסמלים
startו-endבנכסיalign-contentFlexbox של CSS - דברים בולטים שונים
- קיבוץ קבצים לפי 'כפי שנוצר'/'פרוס' בחלונית 'מקורות'
- דוחות קריסות מקושרים לפעולות אסינכרוניות
- התעלמות אוטומטית מסקריפטים ידועים של צד שלישי
- שיפור של סטאק הקריאות במהלך ניפוי באגים
- הסתרת מקורות שכלולים ברשימת הפריטים להתעלמות בחלונית המקורות
- הסתרת קבצים ברשימת ההתעלמות בתפריט הפקודות
- מעקב אחר אינטראקציות חדש בחלונית 'ביצועים'
- פירוט של זמני ה-LCP בחלונית 'תובנות לגבי הביצועים'
- יצירת שם ברירת מחדל באופן אוטומטי להקלטות בחלונית של מכשיר ההקלטה
- שונות
- הפעלה מחדש של שלבים מסוימים במכשיר ההקלטה
- תמיכה באירוע של העברת העכבר מעל לוח ההקלטה
- המהירות שבה נטען רכיב התוכן הכי גדול (LCP) בחלונית התובנות לגבי הביצועים
- זיהוי הבזקים של טקסט (FOIT, FOUT) כגורמים אפשריים לשינויים בפריסה
- רכיבי handler של פרוטוקולים בחלונית Manifest
- תג השכבה העליונה בחלונית הרכיבים
- צירוף מידע על ניפוי באגים ב-Wasm בזמן הריצה
- תמיכה בעריכה בזמן אמת במהלך ניפוי באגים
- הצגה ועריכה של כללי @scope at בחלונית 'סגנונות'
- שיפורים במפות מקור
- שונות
- הפעלה מחדש של המסגרת במהלך ניפוי הבאגים
- אפשרויות להפעלה איטית בחלונית של מכשיר ההקלטה
- יצירת תוסף לחלונית מכשיר ההקלטה
- קיבוץ קבצים לפי יוצרים או פרוסים בחלונית 'מקורות'
- מעקב חדש אחרי תזמוני משתמשים בחלונית 'תובנות לגבי ביצועים'
- הצגת המיקום שהוקצה לרכיב
- סימולציה של בו-זמניות בחומרה של הקלטות ביצועים
- תצוגה מקדימה של ערך שאינו צבע במהלך השלמה אוטומטית של משתני CSS
- זיהוי מסגרות חסימה בחלונית של המטמון לדף הקודם/הבא
- הצעות משופרות של השלמה אוטומטית בשביל אובייקטי JavaScript
- שיפורים במפות מקור
- שונות
- תיעוד אירועים של לחיצה כפולה ולחיצה ימנית בחלונית הכלי להקלטת אירועים
- מצב טווח זמן ותמונת מצב חדשים בחלונית של Lighthouse
- בקרה משופרת על מרחק התצוגה בחלונית 'תובנות לגבי הביצועים'
- אישור המחיקה של הקלטת הביצוע
- שינוי הסדר של החלונות בחלונית הרכיבים
- בחירת צבע מחוץ לדפדפן
- תצוגה מקדימה משופרת של ערך בתוך שורה במהלך ניפוי באגים
- תמיכה ב-blobs גדולים במאמתים וירטואליים
- מקשי קיצור חדשים בחלונית 'מקורות'
- שיפורים במפות המקור
- תכונת תצוגה מקדימה: חלונית חדשה עם תובנות לגבי הביצועים
- קיצורי דרך חדשים לחיקוי של עיצוב בהיר ועיצוב כהה
- אבטחה משופרת בכרטיסייה 'תצוגה מקדימה של הרשת'
- שיפורים בטעינה מחדש בנקודת עצירה (breakpoint)
- עדכונים למסוף
- ביטול ההקלטה של תהליך השימוש בהתחלה
- הצגת פסאודו-רכיבים שעברו בירושה של הדגשה בחלונית הסגנונות
- שונות
- [ניסיוני] העתקת שינויי CSS
- [ניסיוני] בחירת צבע מחוץ לדפדפן
- ייבוא וייצוא של תהליכי שימוש שתועדו כקובץ JSON
- הצגת שכבות מדורגות בחלונית 'סגנונות'
- תמיכה בפונקציית הצבע
hwb() - שיפור התצוגה של נכסים פרטיים
- שונות
- [ניסיוני] טווח זמן חדש ומצב תמונת מצב בחלונית של Lighthouse
- הצגה ועריכה של @supports בכללים בחלונית 'סגנונות'
- תמיכה בבוררים נפוצים כברירת מחדל
- התאמה אישית של הבורר של ההקלטה
- שינוי שם של הקלטה
- תצוגה מקדימה של מאפייני מחלקה/פונקציה כשמעבירים את העכבר מעליהם
- פריימים שהוצגו באופן חלקי בחלונית הביצועים
- שונות
- בקשות WebSocket עם הגבלת קצב שליחה
- חלונית חדשה של Reporting API בחלונית Application
- תמיכה בהמתנה עד שהרכיב יהיה גלוי או שניתן ללחוץ עליו בחלונית התיעוד
- עיצוב, פורמט ומסננים משופרים במסוף
- ניפוי באגים בתוסף ל-Chrome באמצעות קובצי מפת מקור
- עץ משופר של תיקיות המקור בחלונית המקורות
- הצגת קובצי מקור של עובדים בחלונית 'מקורות'
- עדכונים של העיצוב הכהה האוטומטי ב-Chrome
- בוחר צבעים וחלונית מפוצלת ידידותיות למגע
- שונות
- תכונה בגרסת טרום-השקה: עץ נגישות במסך מלא
- שינויים מדויקים יותר בכרטיסייה 'שינויים'
- הגדרת זמן קצוב ארוך יותר להקלטה של תהליך השימוש
- איך מוודאים שאפשר לשמור את הדפים במטמון באמצעות הכרטיסייה 'מטמון לדף הקודם/הבא'
- מסנן בחלונית 'נכסים חדשים'
- יצירת אמולציה של תכונת המדיה לאילוץ צבעים של CSS
- הפקודה Show rulers on hover
- תמיכה ב-
row-reverseוב-column-reverseבכלי לעריכת Flexbox - מקשי קיצור חדשים להפעלה חוזרת של XHR ולהרחבת כל תוצאות החיפוש
- Lighthouse 9 בחלונית של Lighthouse
- חלונית מקורות משופרת
- דברים בולטים שונים
- [ניסיוני] נקודות קצה בחלונית של Reporting API
- תכונה בגרסת טרום-השקה: חלונית חדשה של מכשיר ההקלטה
- רענון רשימת המכשירים במצב מכשיר
- השלמה אוטומטית עם עריכה כ-HTML
- שיפור חוויית ניפוי הבאגים בקוד
- סנכרון ההגדרות של DevTools בין מכשירים
- תכונת תצוגה מקדימה: חלונית סקירה כללית חדשה של CSS
- שחזור ושיפור של חוויית העריכה וההעתקה של קוד CSS
- יצירת אמולציה של התכונה של מדיה ב-CSS עם העדפה לניגודיות
- הדמיה של התכונה 'עיצוב כהה אוטומטי' ב-Chrome
- העתקת הצהרות כ-JavaScript בחלונית הסגנונות
- כרטיסייה חדשה של עומס נתונים שימושי בחלונית Network
- שיפור התצוגה של הנכסים בחלונית 'נכסים'
- אפשרות להסתיר שגיאות CORS במסוף
- תצוגה מקדימה של אובייקטים מסוג
Intlוהערכה שלהם במסוף - דוחות עקביים של סטאק אסינכרוני
- שמירת סרגל הצד של המסוף
- חלונית מטמון של אפליקציה שהוצאה משימוש בחלונית Application
- [ניסיוני] חלונית חדשה של Reporting API בחלונית 'אפליקציה'
- כלים חדשים לעריכת CSS באורך מוגבל
- הסתרת בעיות בכרטיסייה 'בעיות'
- שיפור התצוגה של נכסים
- Lighthouse 8.4 בחלונית של Lighthouse
- מיון קטעי הקוד בחלונית 'מקורות'
- קישורים חדשים לנתוני גרסה מתורגמים ולדיווח על באג בתרגום
- ממשק משתמש משופר לתפריט הפקודות של כלי הפיתוח
- שימוש בכלי הפיתוח בשפה המועדפת
- מכשירי Nest Hub חדשים ברשימה 'מכשירים'
- ניסויים במקור בתצוגת פרטי המסגרת
- תג חדש של שאילתות בקונטיינר של שירות CSS
- תיבת סימון חדשה להיפוך מסנני הרשת
- הוצאה משימוש קרובה של סרגל הצד של מסוף Google
- הצגת כותרות
Set-Cookiesגולמיות בכרטיסייה 'בעיות' ובחלונית 'רשת' - הצגה עקבית של רכיבי גישה מקומיים (native) כנכסים משלהם במסוף
- מעקב ערימה תקין של שגיאות בסקריפטים מוטמעים עם #sourceURL
- שינוי פורמט הצבעים בחלונית 'חישוב'
- החלפת כלי עזר מותאמים אישית בכלי עזר מובנים של HTML
- [ניסיוני] הסתרת בעיות בכרטיסייה 'בעיות'
- שאילתות על מאגר תגים של CSS שניתנות לעריכה בחלונית 'סגנונות'
- תצוגה מקדימה של חבילת Web Bundle בחלונית 'רשת'
- ניפוי באגים ב-Attribution Reporting API
- טיפול משופר במחרוזות במסוף
- ניפוי באגים משופר של CORS
- Lighthouse 8.1
- כתובת URL של הערה חדשה בחלונית המניפסט
- סלקטורים קבועים להתאמות של CSS
- הדפסה יפה של תגובות JSON בחלונית Network
- עורך רשתות CSS
- תמיכה בהצהרות מחדש של
constבמסוף - צפייה בהזמנת מקור
- קיצור דרך חדש לצפייה בפרטי המסגרת
- תמיכה משופרת בניפוי באגים של CORS
- שינוי השם של תווית XHR ל-Fetch/XHR
- סינון סוג המשאב Wasm בחלונית Network
- רמזים על הלקוח (Client Hints) לגבי סוכן משתמש למכשירים בכרטיסייה 'תנאי הרשת'
- אפשר לדווח על בעיות במצב תאימות (quirks mode) בכרטיסייה 'בעיות'
- הכללת צמתים של Compute בחלונית 'ביצועים'
- Lighthouse 7.5 בחלונית של Lighthouse
- תפריט הקשר 'הפעלה מחדש של המסגרת' הוצא משימוש ב-call stack
- [ניסיוני] מוניטור פרוטוקול
- [ניסיוני] Puppeteer Recorder
- חלון קופץ עם מידע על Web Vitals
- כלי חדש לבדיקת זיכרון
- תצוגה חזותית של 'הצמדה לגלילה' ב-CSS
- חלונית הגדרות חדשה של התג
- תצוגה מקדימה משופרת של תמונות עם מידע על יחס גובה-רוחב
- לחצן חדש של תנאי רשת עם אפשרויות להגדרת
Content-Encoding - קיצור דרך להצגת ערך מחושב
- מילת המפתח
accent-color - קטגוריה של סוגי בעיות באמצעות צבעים וסמלים
- מחיקת אסימוני אמון
- תכונות חסרות בתצוגת פרטי המסגרת
- סינון ניסויים בהגדרות הניסויים
- עמודה חדשה
Vary Headerבחלונית 'אחסון במטמון' - תמיכה בבדיקת מותג פרטי ב-JavaScript
- תמיכה משופרת בניפוי באגים בנקודות עצירה
- תמיכה בתצוגה מקדימה במצב 'העברת העכבר מעל' עם סימון
[] - תוכנית רחבה משופרת של קובצי HTML
- מעקב אחר סטאק שגיאות תקין לניפוי באגים ב-Wasm
- כלים חדשים לניפוי באגים ב-CSS flexbox
- שכבת-על חדשה של מדדי הליבה לבדיקת חוויית המשתמש באתר (Core Web Vitals)
- העברנו את מספר הבעיות לסרגל הסטטוס של מסוף Google
- דיווח על בעיות בפעילות מהימנה באינטרנט
- איך מעצבים מחרוזות כמחרוזות לוגיות (תקינות) של JavaScript במסוף
- חלונית חדשה של טוקנים לאימות בחלונית האפליקציות
- אמון את תכונת המדיה של סולם הצבעים של CSS
- כלי משופרים ל-Progressive Web Apps
- עמודה
Remote Address Spaceחדשה בחלונית 'רשת' - שיפורי ביצועים
- הצגת התכונות המותרות/האסורות בתצוגת פרטי המסגרת
- עמודה
SamePartyחדשה בחלונית קובצי ה-cookie - תמיכה ב-
fn.displayNameלא סטנדרטית שהוצאה משימוש - הוצאה משימוש של
Don't show Chrome Data Saver warningבתפריט ההגדרות - [ניסיוני] דיווח אוטומטי על בעיות של ניגודיות נמוכה בכרטיסייה 'בעיות'
- [ניסיוני] תצוגת עץ נגישות מלאה בחלונית הרכיבים
- תמיכה בניפוי באגים של הפרות של סוגים מהימנים
- צילום צילום מסך של צומת מעבר לאזור התצוגה
- כרטיסייה חדשה של טוקנים לאימות לבקשות רשת
- Lighthouse 7 בחלונית Lighthouse
- תמיכה בכפייה של מצב
:targetב-CSS - קיצור דרך חדש להעתקת רכיב
- בוררי צבעים למאפייני CSS מותאמים אישית
- קיצורי דרך חדשים להעתקת מאפייני CSS
- אפשרות חדשה להצגת קובצי cookie שפוענחו מכתובת URL
- ניקוי רק של קובצי cookie גלויים
- אפשרות חדשה לנקות קובצי Cookie של צד שלישי בחלונית האחסון
- עריכת רמזים על הלקוח (Client Hints) לגבי הסוכן המשתמש למכשירים מותאמים אישית
- הגדרה קבועה של 'הקלטת יומן הרשת'
- הצגת חיבורי WebTransport בחלונית Network
- השם 'באינטרנט' השתנה ל'ללא הגבלת קצב העברת נתונים'
- אפשרויות חדשות להעתקה במסוף, בחלונית 'מקורות' ובחלונית 'סגנונות'
- מידע חדש על Service Workers בתצוגת פרטי המסגרת
- מדידת המידע מהזיכרון בתצוגת הפרטים של המסגרת
- שליחת משוב מהכרטיסייה 'בעיות'
- פריימים מושמטים בחלונית הביצועים
- הדמיה של מכשיר מתקפל ומכשיר עם מסך כפול במצב מכשיר
- [ניסיוני] אוטומציה של בדיקות דפדפנים באמצעות Puppeteer Recorder
- [ניסיוני] עורך גופנים בחלונית 'סגנונות'
- [ניסיוני] כלים לניפוי באגים ב-CSS flexbox
- [ניסיוני] כרטיסייה חדשה: הפרות של CSP
- [ניסיוני] חישוב חדש של ניגודיות צבעים – אלגוריתם מתקדם של ניגודיות תפיסתית (APCA)
- הפעלה מהירה יותר של DevTools
- כלים חדשים להמחשה חזותית של זוויות CSS
- הדמיה של סוגי תמונות לא נתמכים
- הדמיה של גודל מכסת האחסון בחלונית Storage
- נתיב חדש של מדדי Web Vitals בחלונית 'ביצועים'
- דיווח על שגיאות CORS בחלונית 'רשת'
- מידע על בידוד בין מקורות בדף 'פרטי המסגרת'
- מידע חדש על Web Workers בתצוגת פרטי המסגרת
- הצגת הפרטים של מסגרת הפתיחה בחלונות פתוחים
- פתיחת חלונית הרשת מהחלונית Service Workers
- העתקת ערך המאפיין
- העתקת סטאק-טריי של מפעיל הרשת
- תצוגה מקדימה של ערך משתנה Wasm במעבר העכבר מעליו
- הערכת משתנה Wasm במסוף
- יחידות מידה עקביות לגודל קבצים/זיכרון
- הדגשת רכיבי פסאודו בחלונית הרכיבים
- [ניסיוני] כלים לניפוי באגים ב-CSS Flexbox
- [ניסיוני] התאמה אישית של מקשי הקיצור לאקורדים
- כלים חדשים לניפוי באגים ב-CSS Grid
- כרטיסייה חדשה של WebAuthn
- העברת כלים בין החלונית העליונה לחלונית התחתונה
- חלונית חדשה של סרגל הצד 'מחושב' בחלונית 'סגנונות'
- קיבוץ מאפייני CSS בחלונית 'מחושב'
- Lighthouse 6.3 בחלונית של Lighthouse
- אירועי
performance.mark()בקטע 'זמנים' - מסננים חדשים מסוג
resource-typeו-urlבחלונית 'רשת' - עדכונים בתצוגת הפרטים של המסגרת
- הוצאה משימוש של
Settingsבתפריט 'כלים נוספים' - [ניסיוני] הצגה ותיקון של בעיות בניגודיות הצבעים בחלונית הסקירה הכללית של CSS
- [ניסיוני] התאמה אישית של מקשי הקיצור בכלי הפיתוח
- חלונית מדיה חדשה
- צילום צילומי מסך של צמתים באמצעות תפריט ההקשר של חלונית הרכיבים
- עדכונים בכרטיסייה 'בעיות'
- יצירת גופנים מקומיים חסרים
- הדמיה של משתמשים לא פעילים
- הדמיה של
prefers-reduced-data - תמיכה בתכונות חדשות של JavaScript
- Lighthouse 6.2 בחלונית של Lighthouse
- הוצאה משימוש של הרשימה 'מקורות אחרים' בחלונית של קובצי השירות (Service Workers)
- הצגת סיכום הכיסוי של פריטים שסוננו
- תצוגת פרטי מסגרת חדשה בחלונית האפליקציה
- הצעה לצבע נגיש בחלונית 'סגנונות'
- החזרת החלונית נכסים לחלונית הרכיבים
- ערכים של כותרות
X-Client-Dataשקריאים לבני אדם בחלונית 'רשת' - השלמה אוטומטית של גופנים בהתאמה אישית בחלונית 'סגנונות'
- הצגה עקבית של סוג המשאב בחלונית 'רשת'
- לחצני ניקוי בחלוניות 'רכיבים' ו'רשת'
- עריכת סגנון ב-frameworks של CSS-in-JS
- Lighthouse 6 בחלונית של Lighthouse
- הוצאה משימוש של 'הצגת תוכן ראשוני (FMP)'
- תמיכה בתכונות חדשות של JavaScript
- אזהרות חדשות לגבי קיצורי דרך לאפליקציות בחלונית המניפסט
- אירועי
respondWithשל שירותי עבודה בכרטיסייה 'תזמון' - תצוגה עקבית של החלונית 'חישוב'
- היסטורים של קוד בייט בקבצי WebAssembly
- העתקה וגזירה של שורות בחלונית המקורות
- עדכונים בהגדרות המסוף
- עדכונים בחלונית הביצועים
- סמלים חדשים לנקודות עצירה, לנקודות עצירה מותנות ולנקודות ביומן
- פתרון בעיות באתר באמצעות הכרטיסייה החדשה 'בעיות'
- הצגת מידע על נגישות בהסבר הקצר של מצב הבדיקה
- עדכונים בחלונית הביצועים
- מונחים מדויקים יותר של הבטחות במסוף
- עדכונים בחלונית הסגנונות
- הוצאה משימוש של החלונית Properties בחלונית Elements
- תמיכה בקיצורי דרך של אפליקציות בחלונית המניפסט
- אמולציה של לקויות ראייה
- הדמיה של סביבות
- ניפוי באגים במדיניות כלי להטמעה ממקורות מרובים (COEP)
- סמלים חדשים לנקודות עצירה, לנקודות עצירה מותנות ולנקודות ביומן
- הצגת בקשות רשת שמגדירות קובץ cookie ספציפי
- הצמדה לצד ימין מתפריט הפקודות
- האפשרות 'הגדרות' בתפריט הראשי הועברה
- חלונית הביקורת נקראת עכשיו Lighthouse
- מחיקה של כל השינויים המקומיים בתיקייה
- עדכון ממשק המשתמש של Tasks ארוך
- תמיכה בסמלים שניתנים להתאמה (maskable) בחלונית המניפסט
- תמיכה ב-Moto G4 במצב מכשיר
- עדכונים שקשורים לקובצי Cookie
- סמלי מניפסט מדויקים יותר של אפליקציות אינטרנט
- מעבירים את העכבר מעל נכסי CSS עם הערך
contentכדי לראות ערכים שלא מסומנים בתו בריחה (escape) - שגיאות במפת המקור במסוף
- הגדרה להשבתת הגלילה מעבר לסוף הקובץ
- תמיכה בהצהרות חוזרות על
letו-classבמסוף - שיפורים בניפוי באגים ב-WebAssembly
- בקשת שרשראות מאתחלים בכרטיסייה 'יוזם'
- הדגשת בקשת הרשת שנבחרה בסקירה הכללית
- עמודות של כתובות URL ונתיב בחלונית 'רשת'
- מחרוזות של סוכן משתמש מעודכנות
- ממשק משתמש חדש להגדרת חלונית הביקורות
- מצבי כיסוי קוד לפי פונקציה או לפי בלוק
- כיסוי הקוד צריך להתחיל עכשיו על ידי טעינה מחדש של הדף
- ניפוי באגים כדי להבין למה קובץ cookie נחסם
- הצגת ערכי קובצי cookie
- הדמיה של ערכות צבעים עם העדפה לצבעים והעדפות עם העדפה לצמצום תנועה
- עדכונים לגבי כיסוי הקוד
- ניפוי באגים כדי להבין למה בוצעה בקשה למשאב רשת
- החלוניות Console ו-Sources מתייחסות שוב להעדפות שלכם לגבי הוספת רווחים
- מקשי קיצור חדשים לניווט עם הסמן
- תמיכה במספר לקוחות בחלונית 'ביקורות'
- ניפוי באגים ברכיב ה-Payment Handler
- Lighthouse 5.2 בחלונית 'ביקורות'
- Largest Contentful Paint בחלונית 'ביצועים'
- דיווח על בעיות ב-DevTools מהתפריט הראשי
- העתקת סגנונות של רכיבים
- המחשה חזותית של שינויי פריסה
- Lighthouse 5.1 בחלונית 'ביקורות'
- סנכרון העיצוב של מערכת ההפעלה
- מקש קיצור לפתיחת עורך נקודות העצירה
- מטמון של אחסון נתונים לפני האחזור בחלונית הרשת
- נכסים פרטיים כשמציגים אובייקטים
- התראות והודעות דחופות בחלונית האפליקציות
- השלמה אוטומטית באמצעות ערכים של CSS
- ממשק משתמש חדש להגדרות הרשת
- הודעות WebSocket בייצוא של HAR
- לחצני ייבוא וייצוא של HAR
- שימוש בזיכרון בזמן אמת
- מספרי יציאות של Service Worker
- בדיקת אירועים של אחזור וסנכרון ברקע
- Puppeteer ל-Firefox
- הגדרות מוגדרות מראש משמעותיות כשמשתמשים בהשלמה האוטומטית של פונקציות CSS
- ניקוי הנתונים מאתרים מתפריט הפקודות
- הצגת כל מסדי הנתונים של IndexedDB
- הצגת הגודל הלא דחוס של משאב בזמן העברת העכבר מעליו
- נקודות עצירה (breakpoint) בשורה בחלונית Breakpoints
- ספירת משאבים ב-IndexedDB ובמטמון
- הגדרה להשבתת ההסבר המפורט של הבדיקה
- הגדרה להפעלה או להשבתה של כניסת פיסקה בתו Tab בכלי העריכה
- הדגשת כל הצמתים שמושפעים ממאפיין CSS
- Lighthouse v4 בחלונית 'ביקורות'
- מציג הודעות בינאריות של WebSocket
- צילום מסך של אזור בתפריט הפקודות
- מסננים של שירותי עובדים בחלונית 'רשת'
- עדכונים בחלונית הביצועים
- משימות ארוכות בהקלטות של חלונית הביצועים
- 'הצגת תוכן ראשוני (First Paint)' בקטע 'תזמון'
- טיפ בונוס: קיצור דרך לצפייה בקודי צבעים של RGB ו-HSL (סרטון)
- Logpoints
- הסברים מפורטים על תוצאות הבדיקה
- ייצוא נתוני הכיסוי של הקוד
- ניווט במסוף באמצעות מקלדת
- קו של יחס ניגודיות AAA בבורר הצבעים
- שמירת שינויים מותאמים אישית למיקום גיאוגרפי
- קיפול קוד
- השם של הכרטיסייה 'מסגרות' השתנה לכרטיסייה 'הודעות'
- טיפ בונוס: סינון בחלונית הרשת לפי נכס (סרטון)
- הצגה חזותית של מדדי ביצועים בחלונית הביצועים
- הדגשת צמתים של טקסט בעץ ה-DOM
- מעתיקים את נתיב ה-JS לצומת DOM
- עדכונים בחלונית הביקורות, כולל ביקורת חדשה שמזהה ספריות JS ומילות מפתח חדשות לגישה לחלונית הביקורות מתפריט הפקודות
- טיפ בונוס: שימוש במצב מכשיר כדי לבדוק שאילתות מדיה (סרטון)
- מעבירים את העכבר מעל תוצאה של ביטוי בזמן אמת כדי להדגיש צומת DOM
- אחסון צומתי DOM כמשתנים גלובליים
- פרטי הגורם שהפעיל את הבקשה והעדיפות שלה מופיעים עכשיו בייבוא ובייצוא של קובצי HAR
- כניסה לתפריט הפקודות מהתפריט הראשי
- נקודות עצירה ב'תמונה בתוך תמונה'
- טיפ בונוס: שימוש ב-
monitorEvents()כדי לתעד ביומן ב-Console את האירועים שהופעלו על ידי צומת (סרטון) - ביטויים בזמן אמת במסוף
- הדגשת צומתי DOM במהלך הערכה יזומה
- אופטימיזציות של חלונית הביצועים
- ניפוי באגים מהימן יותר
- הפעלת ויסות רשת מתפריט הפקודות
- השלמה אוטומטית של נקודות עצירה (breakpoints) מותנות
- הפסקה באירועים של AudioContext
- ניפוי באגים באפליקציות Node.js באמצעות ndb
- טיפ בונוס: מדידת אינטראקציות של משתמשים בעולם האמיתי באמצעות User Timing API
- הערכה יזומה
- רמזים לארגומנטים
- השלמה אוטומטית של פונקציות
- מילות מפתח של ES2017
- Lighthouse 3.0 בחלונית הביקורות
- תמיכה ב-BigInt
- הוספת נתיבים של נכסים לחלונית 'מעקב'
- האפשרות 'הצגת חותמות זמן' הועברה להגדרות
- טיפ בונוס: שיטות מסוף פחות מוכרות (סרטון)
- חיפוש בכל כותרות הרשת
- תצוגות מקדימות של ערכי משתני CSS
- העתקה כאחזור
- ביקורות חדשות, אפשרויות הגדרה חדשות במחשב ומעקב אחרי צפייה
- איך מפסיקים לולאות אינסופיות
- תזמון משתמש בכרטיסיות 'ביצועים'
- מכונות וירטואליות של JavaScript מופיעות בבירור בחלונית Memory
- השם של הכרטיסייה 'רשת' השתנה לכרטיסייה 'דף'
- עדכונים של עיצוב כהה
- מידע על שקיפות אישורים בחלונית האבטחה
- תכונות לבידוד אתרים בחלונית הביצועים
- טיפ בונוס: חלונית השכבות + כלי לבדיקת אנימציות (סרטון)
- תיאור 'קופסה שחורה' בחלונית 'רשת'
- התאמה אוטומטית של שינוי מרחק התצוגה במצב המכשיר
- הדפסה יפה בכרטיסיות 'תצוגה מקדימה' ו'תגובה'
- תצוגה מקדימה של תוכן HTML בכרטיסיית התצוגה המקדימה
- תמיכה מקומית בשינויים של סגנונות בתוך HTML
- טיפ בונוס: סקריפטים של מסגרת שחורה כדי להפוך את נקודות העצירה של Event Listener לשימושיות יותר
- שינויים מקומיים
- כלים חדשים לנגישות
- הכרטיסייה 'שינויים'
- בדיקות חדשות לאופטימיזציה למנועי חיפוש ולביצועים
- הקלטות מרובות בחלונית הביצועים
- הפעלה מהימנה של שלבי קוד באמצעות עובדים בקוד אסינכרוני
- טיפ בונוס: ביצוע אוטומטי של פעולות ב-DevTools באמצעות Puppeteer (סרטון)
- Performance Monitor
- סרגל הצד של מסוף
- קיבוץ הודעות דומות ב-Console
- טיפ בונוס: החלפת מצב של פסאודו-כיתה של מצב מעוף (סרטון)
- תמיכה בניפוי באגים מרחוק במספר לקוחות
- Workspaces 2.0
- 4 ביקורות חדשות
- הדמיה של התראות דחיפה עם נתונים מותאמים אישית
- הפעלת אירועי סנכרון ברקע באמצעות תגים בהתאמה אישית
- טיפ בונוס: נקודות עצירה להאזנה לאירועים (סרטון)
- Top-level await במסוף
- תהליכי עבודה חדשים לצילום מסך
- הדגשת רשת CSS
- Console API חדש לשליחת שאילתות על אובייקטים
- מסננים חדשים במסוף
- ייבוא HAR בחלונית הרשת
- משאבי מטמון שאפשר להציג תצוגה מקדימה שלהם
- עוד ניפוי באגים חזוי במטמון
- כיסוי הקוד ברמת הבלוק
- סימולציה של ויסות נתונים במכשירים ניידים
- הצגת נתוני השימוש בנפח האחסון
- הצגת הזמנים שבהם תגובות אוחסנו במטמון על ידי עובד שירות
- הפעלת מד ה-FPS מתפריט הפקודה
- הגדרת ההתנהגות של גלגל העכבר לשינוי מרחק התצוגה או גלילה
- תמיכה בניפוי באגים במודולים של ES6
- חלונית ביקורת חדשה
- תגים של צד שלישי
- מחווה חדשה ל'המשך מכאן'
- כניסה לקוד של פונקציה אסינכרנית
- תצוגות מקדימות אינפורמטיביות יותר של אובייקטים במסוף
- בחירת הקשר מפורטת יותר במסוף
- עדכונים בזמן אמת בכרטיסייה 'כיסוי'
- אפשרויות פשוטות יותר של הגבלת רוחב פס
- מקבצים אסינכרוניים מופעלים כברירת מחדל
- כיסוי קוד CSS ו-JS
- צילומי מסך בדף מלא
- בקשות חסימה
- מעבר על async await
- תפריט הפקודות המאוחד