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

Kayce Basques

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

התכונות החדשות והשינויים העיקריים הצפויים בכלי הפיתוח ב-Chrome 66 כוללים:

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

הערה: ב-chrome://version צריך לבדוק איזו גרסת Chrome מותקנת במכשיר. אם מריצים גרסה קודמת, התכונות האלה לא קיימות. אם מריצים גרסה מאוחרת יותר, יכול להיות שהתכונות האלה השתנו. Chrome מתעדכן באופן אוטומטי לגרסה ראשית חדשה בערך כל 6 שבועות.

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

התעלמות מהסקריפט בחלונית 'רשת'

בעמודה יוזם בחלונית רשת תוכלו לראות למה נשלחה בקשה למשאב. לדוגמה, אם JavaScript גורם לאחזור של תמונה, בעמודה Initiator תוצג השורה של קוד ה-JavaScript שגרמה לבקשה.

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

בעבר, אם ה-framework ארוז בקשות רשת ב-wrapper, העמודה Initiator לא הייתה שימושית כל כך. כל הבקשות לרשת הפנו לאותה שורה של קוד wrapper.

בתרחיש הזה אתם רוצים לראות את קוד האפליקציה שגורם לבקשה. עכשיו זה אפשרי:

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

איור 1. מתעלם מ-requests.js

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

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

הדפסה יפה בכרטיסיות 'תצוגה מקדימה' ו'תגובה'

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

איור 2. הכרטיסייה תצוגה מקדימה מבצעת הדפסה יפה של התוכן של analytics.js כברירת מחדל

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

איור 3. הדפסה ידנית של התוכן של analytics.js באמצעות הלחצן עיצוב

תצוגה מקדימה של תוכן HTML בכרטיסייה Preview (תצוגה מקדימה)

בעבר, בכרטיסייה Preview בחלונית Network הוצג הקוד של משאב HTML במצבים מסוימים, ובמצבים אחרים הוצג תצוגה מקדימה של ה-HTML. הכרטיסייה Preview מבצעת תמיד רינדור בסיסי של ה-HTML. הוא לא מיועד להיות דפדפן מלא, ולכן ייתכן שהוא לא יציג HTML בדיוק כפי שציפית. כדי לראות את קוד ה-HTML, לחץ על הכרטיסייה Response או לחץ לחיצה ימנית על משאב ובחר באפשרות פתח בחלונית מקורות.

איור 4. תצוגה מקדימה של HTML בכרטיסייה תצוגה מקדימה

התאמה אוטומטית של מרחק התצוגה במצב מכשיר

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

התכונה 'שינויים מקומיים' פועלת עכשיו עם חלק מהסגנונות שהוגדרו ב-HTML

כשכלי הפיתוח השיקו את Local Overrides ב-Chrome 65, אחת המגבלות הייתה שלא הייתה להם אפשרות לעקוב אחרי שינויים בסגנונות שהוגדרו ב-HTML. לדוגמה, באיור 7 יש כלל סגנון בhead במסמך שמצהיר על font-weight: bold לאלמנטים h1.

איור 5. דוגמה לסגנונות שמוגדרים בתוך HTML

ב-Chrome 65, אם משנים את ההצהרה font-weight דרך החלונית Style של כלי הפיתוח, לא יתבצע מעקב אחר השינוי באמצעות Local Overrides. במילים אחרות, בטעינה מחדש הבאה, הסגנון יחזור ל-font-weight: bold. לעומת זאת, ב-Chrome 66, שינויים כאלה מתרחשים עכשיו בכל טעינות של דפים.

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

טיפ בונוס: אפשר להתעלם מהסקריפטים של framework כדי שהנקודות (breakpoint) של Event Listener יהיו שימושיים יותר

הערה: הקטע הזה לא קשור ל-Chrome 66. זהו רק טיפ בונוס לגבי תכונה קיימת שאולי מועילה לך.

כשיצרתי את הסרטון תחילת העבודה עם ניפוי באגים ב-JavaScript, חלק מהצופים ציינו שנקודות העצירה (breakpoint) של event listener לא שימושיות לאפליקציות שמבוססות על frameworks, כי מאזינים של אירועים בדרך כלל מוטמעים בקוד של ה-framework. לדוגמה, באיור 8 הגדרתי נקודת עצירה click בכלי הפיתוח. כשלוחצים על הלחצן בהדגמה, כלי הפיתוח מושהים באופן אוטומטי בשורה הראשונה של קוד ההאזנה. במקרה הזה, היא מושהית בקוד wrapper של Vue.js בשורה 1802, ולכן זה לא מועיל.

איור 6. נקודת העצירה click מושהית בקוד wrapper של Vue.js

מכיוון שהסקריפט של Vue.js נמצא בקובץ נפרד, אפשר להתעלם מהסקריפט מהחלונית Call Stack כדי שנקודת העצירה click הזו תהיה שימושית יותר.

איור 7. התעלמות מהסקריפט Vue.js מהחלונית Call Stack

בפעם הבאה שאני לוחץ על הלחצן ומפעיל את נקודת העצירה click, המערכת מפעילה את קוד Vue.js בלי להשהות אותו, ואז משהה את שורת הקוד הראשונה ב-listener של האפליקציה, שזה המקום שבו באמת רציתי להשהות.

איור 8. נקודת העצירה (breakpoint) click תושהה עכשיו בקוד ה-listener של האפליקציה

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

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

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

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

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

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

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

Chrome 123

• איתור ביצת הפסחא
• עדכונים של חלונית הרכיבים
• אמולציה של דף מודגש בקטע 'רכיבים' > 'סגנונות'
• בוחר הצבעים, שעון הזווית ועורך ההתאמה האישית ב-var() חלופות
• הכלי אורך של CSS הוצא משימוש
• חלון קופץ של תוצאת החיפוש שנבחרה בקטע 'ביצועים' > 'טראק ראשי'
• עדכונים בחלונית הרשת
• לחצן הניקוי ומסנן החיפוש בכרטיסייה 'רשת' > 'EventStream'
• טיפים כלים עם סיבות לפטור לקובצי cookie של צד שלישי בקטע 'רשת' > 'קובצי cookie'
• הפעלה והשבתה של כל נקודות העצירה (breakpoint) ב'מקורות'
• הצגת הסקריפטים שנטענו בכלי הפיתוח ל-Node.js
• Lighthouse 11.5.0
• שיפורים בנגישות
• הדגשות שונות

גרסה 122 של Chrome

• האוסף הרשמי של תוספי מכשיר ההקלטה זמין עכשיו
• שיפורים ברשת
• הסיבה לכישלון בעמודה 'סטטוס'
• תפריט המשנה 'העתקה' משופר
• שיפורי ביצועים
• נתיבי ניווט בציר הזמן
• יוצרי אירוע במסלול הראשי
• תפריט בורר המכונות של JavaScript עבור Node.js DevTools
• קיצור דרך ופקודה חדשים ב'מקורות'
• שיפורים ברכיבים
• הרכיב ::view-transition-פסאודו-רכיב ניתן עכשיו לעריכה בסגנונות
• תמיכה במאפיין ליישר תוכן עבור קונטיינרים של בלוקים
• תמיכה במצב היציבה של מכשירים מתקפלים באמולציה
• עיצוב דינמי
• אזהרות על הפסקה הדרגתית של שימוש בקובצי cookie של צד שלישי בחלוניות 'רשת ואפליקציות'
• Lighthouse 11.4.0
• שיפורים בנגישות
• הדגשות שונות

גרסה 121 של Chrome

• שיפורים ברכיבים
• סרגל סינון יעיל יותר בחלונית 'רשת'
• תמיכה של @font-palette-values
• תרחיש נתמך: נכס מותאם אישית כחלופה לנכס מותאם אישית אחר
• תמיכה משופרת במפת המקור
• שיפורים בחלונית הביצועים
• מסלול אינטראקציות משופרות
• סינון מתקדם בכרטיסיות 'למטה למעלה', 'עץ שיחות' ו'יומן אירועים'
• סמני כניסת פיסקה בחלונית 'מקורות'
• הסברים קצרים ומועילים לגבי תוכן וכותרות שבוטלו בחלונית 'רשת'
• אפשרויות חדשות בתפריט הפקודות להוספה ולהסרה של דפוסים חסומים של בקשות
• ניסוי הפרות CSP הוסר
• Lighthouse 11.3.0
• שיפורים בנגישות
• הדגשות שונות

Chrome 120

• הפסקה הדרגתית של שימוש בקובצי Cookie של צד שלישי
• ניתוח קובצי ה-cookie של האתר באמצעות הכלי לניתוח של ארגז החול לפרטיות
• רישום משופר להתעלמות
• דפוס ההחרגה שמוגדר כברירת מחדל לצמתים_מודולים
• חריגות שזוהו יפסיקו לפעול עכשיו אם הן נתפסו או עוברות דרך קוד שאי אפשר להתעלם ממנו
• השם x_google_ignoreList שונה ל-ignoreList במפות המקור
• החלפת מצב של שיטת הקלט החדשה במהלך ניפוי באגים מרחוק
• בחלונית הרכיבים מוצגות עכשיו כתובות URL של צמתים של #document
• מדיניות אבטחת תוכן יעילה בחלונית האפליקציות
• ניפוי באגים משופר באנימציה
• תיבת הדו-שיח 'האם הקוד הזה מהימן?' ב'מקורות' ובאזהרה 'XSS' עצמית ב-Play
• נקודות עצירה (breakpoint) של event listener ב-worker וב-worklets
• תג המדיה החדש עבור <audio> ו-<video>
• השם של הטעינה מראש השתנה ל'טעינה ספקולטיבית'
• Lighthouse 11.2.0
• שיפורים בנגישות
• הדגשות שונות

גרסה 119 של Chrome

• קטע @property משופר ב'רכיבים' > 'סגנונות'
• כלל @property שניתן לערוך
• המערכת מדווחת על בעיות שקשורות לכללי @property לא חוקיים
• רשימה מעודכנת של מכשירים לאמולציה
• פורמט JSON מוטבע בהדפסה יפה בתגי סקריפט בקטע 'מקורות'
• השלמה אוטומטית של שדות פרטיים במסוף
• Lighthouse 11.1.0
• שיפורים בנגישות
• הוצאה משימוש של Web SQL
• אימות יחס גובה-רוחב של צילום מסך באפליקציה > מניפסט
• הדגשות שונות

גרסה 118 של Chrome

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

גרסה 117 של Chrome

• שיפורים בחלונית 'רשת'
• שינוי מהיר של תוכן מהאינטרנט באופן מקומי
• שינוי התוכן של XHR ובקשות אחזור
• הסתרת הבקשות של תוספים ל-Chrome
• קודי מצב HTTP קריאים לבני אדם

• תגובות להדפסה יפה של סוגי משנה של JSON

• ביצועים: הצגת השינויים בעדיפות האחזור של אירועי רשת

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

• ניפוי באגים משופר בבעיות של קובצי cookie של צד שלישי

• צבעים חדשים

• Lighthouse 10.4.0

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

• התוסף C/C++ WebAssembly לניפוי באגים בכלי הפיתוח זמין עכשיו בקוד פתוח

• הדגשות שונות

• (ניסיוני) אמולציית רינדור חדשה: preferencess-reduced-transparency

• (ניסיוני) מוניטור פרוטוקול משופר

גרסה 116 של Chrome

• ניפוי באגים משופר של גיליונות סגנונות חסרים
• תמיכה בתזמון לינארי דרך 'רכיבים' > 'סגנונות' > 'עורך הקלה'
• תצוגה של מטא-נתונים ותמיכה בקטגוריות אחסון
• Lighthouse 10.3.0
• נגישות: פקודות מקלדת וקריאת מסך משופרת
• הדגשות שונות

Chrome 115

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

Chrome 114

• תמיכה בניפוי באגים ב-WebAssembly
• התנהגות משופרת של צעדים באפליקציות Wasm
• ניפוי באגים במילוי האוטומטי באמצעות חלונית הרכיבים והכרטיסייה 'בעיות'
• טענות נכוֹנוּת (assertions) במכשיר ההקלטה
• Lighthouse 10.1.1
• שיפורי ביצועים
• performance.mark() מציג את התזמון בהעברת העכבר מעל 'ביצועים' > 'תזמונים'
• הפקודה profile() מאכלסת את 'ביצועים' > 'ראשי'
• אזהרה לגבי אינטראקציות איטיות של משתמשים
• עדכונים לגבי Web Vitals
• הוצאה משימוש של JavaScript Profiler: שלב 3
• הדגשות שונות

גרסה 113 של Chrome

• שינוי כותרות של תגובת רשת
• שיפורים בניפוי באגים ב-Nuxt, Vite ו-Rollup
• שיפורי CSS ב'רכיבים' > 'סגנונות'
• מאפיינים וערכים לא חוקיים של CSS
• קישורים למסגרות מפתח בנכס המקוצר של האנימציה
• הגדרת המסוף החדש: השלמה אוטומטית ב-Enter
• בתפריט הפקודות מודגשות קבצים שנכתבו
• הוצאה משימוש של JavaScript Profiler: שלב שני
• הדגשות שונות

גרסה 112 של Chrome

• עדכונים למכשיר ההקלטה
• תוספים להפעלה חוזרת של מכשיר ההקלטה
• הקלטה באמצעות בוררי פירס
• ייצוא הקלטות כסקריפטים של Puppeteer באמצעות ניתוח של Lighthouse
• קבלת תוספים למכשיר ההקלטה
• רכיבים > עדכוני סגנונות
• מסמכי תיעוד של CSS בחלונית הסגנונות
• תמיכה בתצוגת עץ CSS
• סימון נקודות רישום ביומן ונקודות עצירה מותנות במסוף
• התעלמות מסקריפטים לא רלוונטיים במהלך ניפוי באגים
• התחלנו להוציא משימוש את הכלי JavaScript Profiler
• אמולציה של ירידה ברגישות לניגודיות
• מגדלור 10
• הדגשות שונות

גרסה 111 של Chrome

• ניפוי באגים בצבע HD באמצעות חלונית הסגנונות
• חוויית משתמש משופרת בנקודת עצירה (breakpoint)
• מקשי קיצור שניתנים להתאמה אישית למכשיר ההקלטה
• הדגשת תחביר טובה יותר ב-Angular
• ארגון מחדש של המטמון בחלונית 'אפליקציה'
• הדגשות שונות

Chrome 110

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

Chrome 109

• מכשיר ההקלטה: העתקה כאפשרויות לשלבים, הפעלה מחדש בתוך הדף, תפריט ההקשר של השלב
• הצגת שמות של פונקציות בפועל בהקלטות של הביצועים
• מקשי קיצור חדשים בחלונית 'מסוף' ו'מקורות'
• ניפוי באגים משופר ב-JavaScript
• הדגשות שונות
• [ניסיוני] חוויית משתמש משופרת בניהול נקודות עצירה
• [ניסיוני] הדפסה יפה ואוטומטית במקום

גרסה 108 של Chrome

• טיפים לנכסי CSS לא פעילים
• זיהוי אוטומטי של סלקטורים של XPath וטקסט בחלונית 'מכשיר הקלטה'
• מעבר בין ביטויים שמופרדים בפסיקים
• הגדרה משופרת של רשימת התעלמות
• הדגשות שונות

גרסה 107 של Chrome

• התאמה אישית של מקשי הקיצור בכלי הפיתוח
• החלפה בין עיצוב בהיר ועיצוב כהה באמצעות מקשי קיצור
• הדגשת אובייקטים של C/C++ ב'בודק הזיכרון'
• תמיכה בפרטי היוזם המלאים של ייבוא HAR
• הפעלת חיפוש DOM לאחר הקשה על Enter
• הצגת סמלים של start ו-end עבור align-content מאפייני flexbox של CSS
• הדגשות שונות

Chrome 106

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

Chrome 105

• הפעלה מחדש מפורטת במכשיר ההקלטה
• תמיכה באירוע העברת העכבר מעל בחלונית מכשיר ההקלטה
• המהירות שבה נטען רכיב התוכן הכי גדול (LCP) בחלונית התובנות לגבי הביצועים
• זיהוי הבהוב טקסט (FOIT, FOUT) כגורמים אפשריים לשינויי פריסה
• רכיבי handler של פרוטוקולים בחלונית המניפסט
• תג השכבה העליונה בחלונית הרכיבים
• צירוף מידע על תוצאות ניפוי הבאגים ב-Wasm בזמן הריצה
• תמיכה בעריכה בזמן אמת במהלך ניפוי באגים
• הצגה ועריכה של @scope בכללים בחלונית הסגנונות
• שיפורים במפת המקור
• הדגשות שונות

Chrome 104

• הפעלה מחדש של המסגרת במהלך ניפוי באגים
• אפשרויות הפעלה מחדש איטית בחלונית 'מכשיר הקלטה'
• יצירת תוסף לחלונית מכשיר ההקלטה
• קיבוץ קבצים לפי 'כפי שנוצר' או 'נפרס' בחלונית 'מקורות'
• מעקב אחר תזמוני משתמש חדשים בחלונית התובנות לגבי הביצועים
• הצגת משבצת שהוקצתה לרכיב
• סימולציה של בו-זמניות בחומרה עבור הקלטות של ביצועים
• תצוגה מקדימה של ערכים שאינם צבע בעת השלמה אוטומטית של משתני CSS
• זיהוי מסגרות חוסמות בחלונית 'מטמון לדף הקודם/הבא'
• הצעות משופרות להשלמה אוטומטית לאובייקטים של JavaScript
• שיפורים במפות מקור
• הדגשות שונות

גרסה 103 של Chrome

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

גרסה 102 של Chrome

• תכונה של תצוגה מקדימה: חלונית חדשה של תובנות ביצועים
• מקשי קיצור חדשים לאמולציה של עיצוב בהיר או כהה
• אבטחה משופרת בכרטיסייה 'תצוגה מקדימה ברשת'
• טעינה משופרת מחדש בנקודת עצירה
• עדכונים במסוף
• ביטול תיעוד הזרימה של המשתמש בהתחלה
• הצגה של פסאודו-רכיבים של הדגשה שעברו בירושה בחלונית הסגנונות
• הדגשות שונות
• [ניסיוני] העתקת שינויי CSS
• [ניסיוני] בחירת צבע מחוץ לדפדפן

גרסה 101 של Chrome

• ייבוא וייצוא של זרימות משתמשים שתועדו כקובץ JSON
• הצגת שכבות מדורגות בחלונית 'סגנונות'
• תמיכה בפונקציית הצבע hwb()
• תצוגה משופרת של נכסים פרטיים
• הדגשות שונות
• [ניסיוני] מצב חדש של טווח זמן ותמונת מצב בחלונית Lighthouse

Chrome 100

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

גרסה 99 של Chrome

• ויסות בקשות WebSocket
• חלונית חדשה של Reporting API בחלונית האפליקציה
• תמיכה בהמתנה עד שהרכיב יהיה גלוי או שניתן יהיה ללחוץ עליו בחלונית 'מכשיר הקלטה'
• עיצוב, עיצוב וסינון משופרים במסוף
• ניפוי באגים בתוסף Chrome באמצעות קובצי מפת מקור
• עץ משופר של תיקיות מקור בחלונית 'מקורות'
• הצגת קובצי המקור של ה-worker בחלונית 'מקורות'
• עדכונים לעיצוב כהה אוטומטי ב-Chrome
• בוחר צבעים וחלונית מפוצלת שמתאימים למגע
• הדגשות שונות

Chrome 98

• תכונת תצוגה מקדימה: עץ נגישות בדף מלא
• שינויים מדויקים יותר בכרטיסייה 'שינויים'
• הגדרת זמן קצוב לתפוגה רב יותר לתיעוד של זרימת המשתמש
• איך לוודא שניתן לשמור את הדפים במטמון באמצעות הכרטיסייה 'מטמון לדף הקודם/הבא'
• מסנן חדש בחלונית 'נכסים'
• אמולציה של תכונת המדיה בצבעים מאולצים של CSS
• הצגת סרגלים בפקודה שמעבירים את העכבר
• תמיכה ב-row-reverse וב-column-reverse בעורך ה-Flexbox
• מקשי קיצור חדשים להפעלה חוזרת של XHR ולהרחבה של כל תוצאות החיפוש
• מגדלור 9 בחלונית Lighthouse
• החלונית 'מקורות משופרים'
• הדגשות שונות
• [ניסיוני] נקודות קצה בחלונית Reporting API

Chrome 97

• תצוגה מקדימה של התכונה: חלונית חדשה של מכשיר ההקלטה
• רענון רשימת המכשירים במצב מכשיר
• השלמה אוטומטית עם 'עריכה כ-HTML'
• חוויה משופרת לניפוי באגים בקוד
• סנכרון ההגדרות של כלי הפיתוח בין מכשירים

Chrome 96

• תכונה של תצוגה מקדימה: חלונית חדשה לסקירה כללית של CSS
• שחזור ושיפורים בחוויית העריכה וההעתקה של אורך ה-CSS
• אמולציה של תכונת המדיה עם העדפה לניגודיות ב-CSS
• סימולציה של תכונת העיצוב הכהה האוטומטי ב-Chrome
• העתקת הצהרות כ-JavaScript בחלונית הסגנונות
• הכרטיסייה 'מטען ייעודי (payload) חדשה' בחלונית 'רשת'
• שיפור התצוגה של הנכסים בחלונית 'מאפיינים'
• אפשרות להסתיר שגיאות CORS במסוף
• תצוגה מקדימה והערכה תקינים של אובייקטים מסוג Intl במסוף
• דוחות קריסות אסינכרוניים
• שמירת סרגל הצד של המסוף
• חלונית המטמון של האפליקציה שהוצא משימוש בחלונית 'אפליקציה'
• [ניסיוני] חלונית New Reporting API בחלונית האפליקציה

Chrome 95

• כלים חדשים לכתיבת אורך CSS
• הסתרת הבעיות בכרטיסייה 'בעיות'
• תצוגה משופרת של נכסים
• Lighthouse 8.4 בחלונית Lighthouse
• מיון קטעי הקוד בחלונית 'מקורות'
• קישורים חדשים להערות מוצר מתורגמות ולדיווח על באג בתרגום
• ממשק משתמש משופר לתפריט הפקודות של כלי הפיתוח

Chrome 94

• שימוש בכלי הפיתוח בשפה המועדפת
• מכשירי Nest Hub חדשים ברשימת המכשירים
• גרסאות מקור לניסיון בתצוגת פרטי המסגרת
• תג חדש של שאילתות קונטיינרים ב-CSS
• תיבת סימון חדשה להיפוך מסנני הרשת
• בקרוב נוציא משימוש את סרגל הצד של המסוף
• הצגת כותרות גולמיות מסוג Set-Cookies בכרטיסייה 'בעיות' ובחלונית 'רשת'
• מציגים באופן עקבי רכיבי גישה מותאמים כנכסים שלהם במסוף
• מעקבי קריסות תקינים של סקריפטים מוטבעים עם #sourceURL
• שינוי של פורמט הצבע בחלונית המחושבת
• החלפת הסבר קצר בהתאמה אישית בהסברים קצרים של HTML מותאם
• [ניסיוני] הסתרת בעיות בכרטיסייה 'בעיות'

Chrome 93

• שאילתות של קונטיינר CSS הניתנות לעריכה בחלונית סגנונות
• תצוגה מקדימה של חבילת אינטרנט בחלונית 'רשת'
• ניפוי באגים ב-Attribution Reporting API
• טיפול טוב יותר במחרוזות במסוף
• ניפוי באגים משופר ב-CORS
• Lighthouse 8.1
• כתובת URL של הערה חדשה בחלונית המניפסט
• בוררים קבועים של התאמות CSS
• תגובות JSON להדפסה יפה בחלונית 'רשת'

גרסה 92 של Chrome

• עורך רשת CSS
• תמיכה בהצהרות מחדש של const במסוף
• מציג הזמנת המקור
• קיצור דרך חדש לצפייה בפרטי המסגרת
• תמיכה מתקדמת בניפוי באגים ב-CORS
• שינוי השם של תווית XHR ל-Fetch/XHR
• סינון סוג המשאב Wasm בחלונית 'רשת'
• רמזים על לקוח (Client Hints) לגבי סוכן משתמש למכשירים בכרטיסייה 'תנאי רשת'
• דיווח על בעיות במצב תאימות בכרטיסייה 'בעיות'
• הכללת צמתים של Compute בחלונית 'ביצועים'
• Lighthouse 7.5 בחלונית Lighthouse
• תפריט ההקשר 'הפעלה מחדש של המסגרת' בערימת השיחות שהוצא משימוש
• [ניסיוני] מוניטור פרוטוקול
• [ניסיוני] מכשיר Puppeteer Recorder

גרסה 91 של Chrome

• חלון קופץ עם מידע על Web Vitals
• הכלי החדש לבדיקת זיכרון
• הצגה חזותית של הצמדה ב-CSS
• חלונית חדשה להגדרות התג
• תצוגה מקדימה משופרת של תמונה עם מידע על יחס גובה-רוחב
• לחצן חדש להגדרת תנאי רשת עם אפשרויות להגדרת Content-Encoding
• קיצור דרך להצגת הערך המחושב
• מילת מפתח אחת (accent-color)
• סיווג סוגי הבעיות באמצעות צבעים וסמלים
• מחיקת אסימוני מהימנות
• תכונות חסומות בתצוגת פרטי המסגרת
• סינון ניסויים בהגדרת 'ניסויים'
• העמודה Vary Header חדשה בחלונית 'אחסון המטמון'
• תמיכה בבדיקת מותג פרטי ב-JavaScript
• תמיכה משופרת בניפוי באגים של נקודות עצירה (breakpoint)
• תצוגה מקדימה של תמיכה בהעברת עכבר עם סימון []
• מתאר משופר של קובצי HTML
• דוח תקין של שגיאות קריסות לניפוי באגים ב-Wasm

Chrome 90

• כלים חדשים לניפוי באגים של flexbox בשירות CSS
• שכבת-על חדשה של מדדי ליבה לבדיקת חוויית המשתמש באתר
• ספירת הבעיות הועברה לשורת הסטטוס של המסוף
• דיווח על בעיות בפעילות המהימנה באינטרנט
• עיצוב מחרוזות ליטרלים של מחרוזת JavaScript (תקינה) ב-Console
• החלונית 'אסימוני Trust Tokens' חדשים בחלונית Application
• אמולציה של תכונת המדיה של לוח הצבעים של CSS
• כלים משופרים של Progressive Web Apps
• עמודה חדשה מסוג Remote Address Space בחלונית 'רשת'
• שיפורי ביצועים
• להציג תכונות שמותר/אסור להציג בתצוגת הפרטים של המסגרת
• העמודה SameParty חדשה בחלונית 'קובצי cookie'
• תמיכה לא סטנדרטית ב-fn.displayName שהוצאה משימוש
• הוצאה משימוש של Don't show Chrome Data Saver warning בתפריט ההגדרות
• [ניסיוני] דיווח אוטומטי על בעיות של ניגודיות נמוכה בכרטיסייה 'בעיות'
• [ניסיוני] תצוגת עץ מלאה של נגישות בחלונית הרכיבים

גרסה 89 של Chrome

• תמיכה בניפוי באגים במקרים של הפרות בסוגים מהימנים
• צילום המסך של הצומת מחוץ לאזור התצוגה
• הכרטיסייה החדשה Trust Tokens (אסימוני מהימנות) לבקשות ברשת
• Lighthouse 7 בחלונית Lighthouse
• תמיכה באכיפת המצב :target של שירות ה-CSS
• קיצור דרך חדש לשכפול רכיב
• בוררי צבעים לנכסי CSS מותאמים אישית
• מקשי קיצור חדשים להעתקת מאפייני CSS
• אפשרות חדשה להציג קובצי cookie בפענוח כתובת URL
• ניקוי של קובצי Cookie גלויים בלבד
• אפשרות חדשה לנקות קובצי Cookie של צד שלישי בחלונית האחסון
• עריכה של רמזים על הלקוח (Client Hints) לגבי הסוכן המשתמש במכשירים מותאמים אישית
• שמירת ההגדרה של 'הקלטת יומן רשת'
• הצגת חיבורי WebTransport בחלונית 'רשת'
• השם 'אונליין' השתנה ל'ללא ויסות נתונים'
• אפשרויות העתקה חדשות בחלונית Console, בחלונית 'מקורות' ובחלונית 'סגנונות'
• מידע על קובצי שירות חדשים בתצוגת הפרטים של Frame
• מדידת נתוני הזיכרון בתצוגת הפרטים של המסגרת
• שליחת משוב מהכרטיסייה 'בעיות'
• פריימים שהושמטו בחלונית 'ביצועים'
• הדמיה של מכשירים מתקפלים ומסך כפול במצב מכשיר
• [ניסיוני] אוטומציה של בדיקת דפדפן באמצעות Puppeteer Recorder
• [ניסיוני] עורך הגופנים בחלונית 'סגנונות'
• [ניסיוני] כלים לניפוי באגים ב-flexbox של CSS
• [ניסיוני] כרטיסייה חדשה של הפרות CSP
• [ניסיוני] חישוב חדש של ניגודיות צבעים – אלגוריתם ניגודיות מתקדם של תפיסה (APCA)

גרסה 88 של Chrome

• הפעלה מהירה יותר של כלי הפיתוח
• כלים חדשים להמחשה חזותית של זוויות ב-CSS
• אמולציה של סוגי תמונות שלא נתמכים
• סימולציה של גודל מכסת האחסון בחלונית אחסון
• הנתיב החדש של Web Vitals בחלונית הביצועים
• דיווח על שגיאות CORS בחלונית 'רשת'
• מידע על בידוד בין מקורות בתצוגת הפרטים של המסגרת
• מידע לגבי Work Workers חדשים בתצוגת הפרטים של Frame
• הצגת פרטי מסגרת הפתיחה של חלונות פתוחים
• פתיחת החלונית 'רשת' מהחלונית Service Workers
• העתקת ערך הנכס
• העתקת דוח קריסות למפעיל הרשת
• תצוגה מקדימה של הערך של משתנה Wasm במעבר עם העכבר
• הערכה של המשתנה Wasm במסוף
• יחידות מידה עקביות בגודל קובץ/זיכרון
• הדגשת פסאודו רכיבים בחלונית הרכיבים
• [ניסיוני] כלים לניפוי באגים של CSS Flexbox
• [ניסיוני] התאמה אישית של מקשי הקיצור של 'אקורדים'

גרסה 87 של Chrome

• כלים חדשים לניפוי באגים ברשת CSS
• כרטיסיית WebAuthn החדשה
• העברת כלים בין החלונית העליונה לחלונית התחתונה
• חלונית סרגל צד חדשה 'מחושב' בחלונית 'סגנונות'
• קיבוץ מאפייני CSS בחלונית Computed
• Lighthouse 6.3 בחלונית Lighthouse
• performance.mark() אירועים בקטע 'תזמונים'
• מסננים חדשים מסוג resource-type וurl בחלונית 'רשת'
• עדכונים לתצוגת פרטי המסגרת
• הוצאה משימוש של Settings בתפריט הכלים הנוספים
• [ניסיוני] הצגה ותיקון של בעיות ניגודיות של צבעים בחלונית הסקירה הכללית של CSS
• [ניסיוני] התאמה אישית של מקשי קיצור בכלי הפיתוח

גרסה 86 של Chrome

• חלונית 'מדיה חדשה'
• צילום צילומי מסך של צמתים באמצעות תפריט ההקשר של חלונית הרכיבים
• עדכונים בכרטיסייה 'בעיות'
• הדמיה של גופנים מקומיים חסרים
• הדמיה של משתמשים לא פעילים
• סימולציה של prefers-reduced-data
• תמיכה בתכונות JavaScript חדשות
• Lighthouse 6.2 בחלונית Lighthouse
• הוצאה משימוש של הדף 'מקורות אחרים' בחלונית Service Workers
• הצגת סיכום הכיסוי של פריטים מסוננים
• תצוגת פרטי המסגרת החדשה בחלונית האפליקציות
• הצעת צבע נגישה בחלונית הסגנונות
• החזרת החלונית Properties (מאפיינים) בחלונית Elements
• ערכי כותרת X-Client-Data קריאים לאנשים בחלונית 'רשת'
• השלמה אוטומטית של גופנים בהתאמה אישית בחלונית 'סגנונות'
• הצגה עקבית של סוג המשאב בחלונית 'רשת'
• ניקוי הלחצנים בחלוניות 'רכיבים' ו'רשת'

גרסה Chrome 85

• עריכת סגנון עבור מסגרות CSS-in-JS
• מגדלור 6 בחלונית Lighthouse
• הוצאה משימוש של מאפיין הצגת התוכן העיקרי (FMP)
• תמיכה בתכונות JavaScript חדשות
• אזהרות חדשות לגבי קיצורי דרך של אפליקציות בחלונית המניפסט
• אירועים respondWith של Service Worker בכרטיסייה 'תזמון'
• תצוגה עקבית של החלונית הממוחשבת
• היסטים של בייטקוד (Bytecode) לקובצי WebAssembly
• העתקה וחיתוך בכל שורה בחלונית המקורות
• עדכונים בהגדרות המסוף
• עדכונים בחלונית הביצועים
• סמלים חדשים של נקודות עצירה (breakpoint), נקודות עצירה (breakpoint) מותנות ונקודות רישום ביומן

גרסה 84 של Chrome

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

גרסה 83 של Chrome

• אמולציה של לקויות ראייה
• סימולציה של לוקאלים
• ניפוי באגים במדיניות של כלי הטמעה ממקורות שונים (COEP)
• סמלים חדשים של נקודות עצירה (breakpoint), נקודות עצירה (breakpoint) מותנות ונקודות רישום ביומן
• הצגת בקשות רשת שמגדירות קובץ cookie ספציפי
• הצמדה לשמאל מתפריט הפקודות
• האפשרות 'הגדרות' בתפריט הראשי הועברה
• חלונית Audits נקראת עכשיו Lighthouse
• מחיקת כל השינויים המקומיים בתיקייה
• ממשק משתמש מעודכן למשימות ארוכות
• תמיכה בסמלים שניתנים להעברה בחלונית המניפסט

גרסה 82 של Chrome

Chrome 82 בוטל.

גרסה 81 של Chrome

• תמיכה ב-Moto G4 במצב מכשיר
• עדכונים שקשורים לקובצי cookie
• סמלים מדויקים יותר של קובץ המניפסט של אפליקציית האינטרנט
• מעבירים את העכבר מעל נכסי CSS content כדי לראות ערכים ללא קוד בריחה (escape)
• שגיאות במפת המקור ב-Play Console
• הגדרה להשבתת גלילה מעבר לסוף הקובץ

גרסה 80 של Chrome

• תמיכה בהצהרות מחדש של let ו-class במסוף
• ניפוי באגים משופר ב-WebAssembly
• שליחת בקשה לשרשראות מאתחלות בכרטיסייה 'מפעיל'
• הדגשת בקשת הרשת שנבחרה בכרטיסייה 'סקירה כללית'
• העמודות של כתובת ה-URL והנתיב בחלונית 'רשת'
• מחרוזות עדכניות של סוכן משתמש
• ממשק משתמש חדש להגדרה של לוח הביקורת
• מצבי כיסוי קוד לפי פונקציה או לפי בלוק
• עכשיו צריך להפעיל מחדש את הכיסוי של הקוד באמצעות טעינה מחדש של הדף

גרסה 79 של Chrome

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

גרסה 78 של Chrome

• תמיכה מרובת לקוחות בחלונית Audits
• ניפוי באגים של handler של תשלומים
• Lighthouse 5.2 בחלונית Audits
• המהירות שבה נטען רכיב התוכן הכי גדול (LCP) בחלונית הביצועים
• בעיות בכלי הפיתוח לקובץ מהתפריט הראשי

גרסה 77 של Chrome

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

גרסה 76 של Chrome

• השלמה אוטומטית בעזרת ערכי CSS
• ממשק משתמש חדש להגדרות רשת
• הודעות WebSocket בייצוא HAR
• לחצני HAR לייבוא ולייצוא
• שימוש בזיכרון בזמן אמת
• מספרי ניוד לרישום של Service Worker
• בדיקת אירועים של אחזור ברקע וסנכרון ברקע
• Puppeteer ב-Firefox

גרסה 75 של Chrome

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

גרסה 74 של Chrome

• הדגשה של כל הצמתים שמושפעים מנכס CSS
• Lighthouse v4 בחלונית Audits
• מציג הודעות בינאריות של WebSocket
• צילום מסך של אזור בתפריט הפקודות
• מסננים של Service Worker בחלונית 'רשת'
• עדכונים בחלונית הביצועים
• משימות ארוכות בהקלטות של חלונית הביצועים
• הצגת תמונה ראשונה בקטע 'תזמון'
• טיפ בונוס: קיצור דרך להצגת קודי צבעים של RGB ו-HSL (סרטון)

גרסה 73 של Chrome

• נקודות רישום ביומן
• הסברים קצרים ומפורטים במצב בדיקה
• ייצוא הנתונים של כיסוי הקוד
• ניווט במסוף באמצעות מקלדת
• הקו של יחס הניגודיות AAA בבוחר הצבעים
• שמירת שינויים מברירת המחדל של מיקום גיאוגרפי בהתאמה אישית
• הפרדת קוד
• השם של הכרטיסייה 'מסגרות' השתנה לכרטיסיית 'הודעות'
• טיפ בונוס: סינון חלונית הרשת לפי נכס (סרטון)

גרסה 72 של Chrome

• המחשה חזותית של מדדי ביצועים בחלונית הביצועים
• הדגשת צומתי טקסט בעץ ה-DOM
• העתקת נתיב ה-JS לצומת DOM
• עדכונים של חלונית הביקורת, כולל ביקורת חדשה שמאתרת ספריות JS ומילות מפתח חדשות לגישה לחלונית Audits מתפריט הפקודה.
• טיפ בונוס: השתמשו במצב המכשיר כדי לבדוק שאילתות מדיה (סרטון)

גרסה 71 של Chrome

• מעבירים את העכבר מעל תוצאה של Live Express כדי להדגיש צומת DOM
• אחסון צומתי DOM כמשתנים גלובליים
• מידע לגבי יוזם הפעולה ועדיפות הגרסה שלו נכללים עכשיו בייבוא ובייצוא של HAR
• גישה לתפריט הפקודות מהתפריט הראשי
• נקודות עצירה במצב 'תמונה בתוך תמונה'
• טיפ בונוס: אפשר להשתמש ב-monitorEvents() כדי לתעד במסוף אירועים שהופעלו במסוף (סרטון)

גרסה 70 של Chrome

• ביטויים בזמן אמת במסוף
• הדגשת צומתי DOM במהלך הערכה Eager
• אופטימיזציות של חלונית הביצועים
• ניפוי באגים אמין יותר
• הפעלת ויסות רשת (throttling) בתפריט הפקודות
• השלמה אוטומטית של נקודות עצירה מותנות
• הפסקה מאירועי AudioContext
• ניפוי באגים באפליקציות Node.js באמצעות ndb
• טיפ בונוס: מדידת אינטראקציות של משתמשים בעולם האמיתי באמצעות User Timing API

גרסה Chrome 68

• הערכה יזומה
• טיפים לארגומנטים
• השלמה אוטומטית של פונקציה
• מילות מפתח ב-ES2017
• Lighthouse 3.0 בחלונית Audits
• תמיכה ב-BigInt
• הוספת נתיבי נכסים לחלונית השעון
• האפשרות 'הצגת חותמות זמן' הועברה להגדרות
• טיפ בונוס: שיטות פחות מוכרות בקונסולה (סרטון)

Chrome גרסה 67

• חיפוש בכל כותרות הרשתות
• תצוגה מקדימה של ערכי משתנה CSS
• העתקה כאחזור
• ביקורות חדשות, אפשרויות תצורה חדשות למחשב ועקבות צפייה
• עצירה של לולאות אינסופיות
• תזמון משתמש בכרטיסיות 'ביצועים'
• המכונות הווירטואליות של JavaScript מופיעות בבירור בחלונית הזיכרון
• השם של הכרטיסייה 'רשת' השתנה לכרטיסיית 'דף'
• עדכונים בנושא עיצוב כהה
• מידע על שקיפות האישורים בחלונית האבטחה
• תכונות בידוד של אתר בחלונית הביצועים
• טיפ בונוס: חלונית השכבות + מפקח האנימציות (סרטון)

Chrome 66

• Blackboxing בחלונית הרשת
• התאמה אוטומטית של מרחק התצוגה במצב מכשיר
• הדפסה יפה בכרטיסיות 'תצוגה מקדימה' ו'תשובה'
• תצוגה מקדימה של תוכן HTML בכרטיסייה Preview (תצוגה מקדימה)
• תמיכה בשינויים מקומיים בסגנונות בתוך HTML
• טיפ בונוס: סקריפטים של Blackbox framework שיעזרו לכם להיות מועילים יותר ב-Event Listener Breakpoints

גרסה Chrome 65

• שינויים מקומיים
• כלי נגישות חדשים
• הכרטיסייה 'שינויים'
• ביקורות חדשות לאופטימיזציה למנועי חיפוש (SEO) וביצועים
• מספר הקלטות בחלונית הביצועים
• קוד אמין שמפענח עם עובדים בקוד אסינכרוני
• טיפ בונוס: אוטומציה של פעולות בכלי הפיתוח באמצעות Puppeteer (סרטון)

Chrome 64

• מעקב ביצועים
• סרגל הצד של המסוף
• קיבוץ הודעות מסוף דומות
• טיפ בונוס: החלפת מצב של פסאודו-סיווג בהעברת העכבר (סרטון)

Chrome 63

• תמיכה בניפוי באגים מרחוק של לקוחות מרובים
• סביבות עבודה 2.0
• 4 ביקורות חדשות
• סימולציה של התראות באמצעות נתונים מותאמים אישית
• הפעלת אירועי סנכרון ברקע עם תגים מותאמים אישית
• טיפ בונוס: נקודות עצירה (breakpoint) של event listener (סרטון)

גרסה 62 של Chrome

• המתנה ברמה העליונה במסוף
• תהליכי עבודה חדשים לצילום מסך
• הדגשת רשת CSS
• ממשק API חדש של Console לשליחת שאילתות על אובייקטים
• מסננים חדשים במסוף
• ייבוא HAR בחלונית 'רשת'
• משאבי מטמון שניתן להציג בתצוגה מקדימה
• ניפוי באגים צפוי יותר במטמון
• כיסוי קוד ברמת החסימה

גרסה 61 של Chrome

• סימולציה של ויסות נתונים במכשירים ניידים
• צפייה בנפח האחסון
• הצגת תגובות שנשמרו במטמון של Service Worker
• מפעילים את מד ה-FPS בתפריט הפקודות
• הגדרת ההתנהגות של גלגל העכבר לצורך שינוי מרחק התצוגה או גלילה
• תמיכה בניפוי באגים במודולים של ES6

Chrome 60

• חלונית הביקורת החדשה
• תגים של צד שלישי
• תנועה חדשה ל'המשך לכאן'
• כניסה למצב אסינכרוני
• תצוגות מקדימות אינפורמטיביות יותר של אובייקטים במסוף
• בחירת הקשר אינפורמטיבית יותר במסוף
• עדכונים בזמן אמת בכרטיסייה 'כיסוי'
• אפשרויות פשוטות יותר לויסות רשת (throttle)
• פעולות אסינכרוניות מופעלות כברירת מחדל

Chrome 59

• הכיסוי של קוד CSS ו-JS
• צילומי מסך בדף מלא
• חסימת בקשות
• שלב מעל אסינכרוניזציה
• תפריט פקודות מאוחדות