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

Jecelyn Yeen

ניפוי באגים בצבע HD באמצעות החלונית 'סגנונות'

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

החלונית סגנונות תומכת עכשיו ב-12 מרחבי צבע חדשים וב-7 לוחות צבעים חדשים, כפי שמתואר במפרט של CSS Color Level 4. אפשר לעיין במדריך צבעי CSS בחדות גבוהה להבנה מקיפה של אפשרויות הצבעים הזמינות באינטרנט.

הנה דוגמאות להגדרות של צבעי CSS עם color(), lch(), oklab() ו-color-mix(). דוגמאות להגדרות צבע של CSS.

כשמשתמשים בפונקציה color-mix(), אפשר לראות את פלט הצבע הסופי בחלונית מחושב. תוצאת מיקס צבעים בחלונית המחושבת.

בוחר הצבעים תומך בכל מרחבי הצבעים החדשים עם תכונות נוספות. לדוגמה, אפשר ללחוץ על דוגמית הצבע של color(display-p3 1 0 1). נוסף גם קו גבול מסולסל, שמבדיל בין sRGB לבין display-p3 כדי להבין טוב יותר את סולם הצבעים שבחרת. קו גבולות מסולם.

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

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

בנוסף, אפשר לבחור צבעים מהמסך באמצעות מקש הקיצור החדש. מקישים על 'c' כדי להפעיל את כלי הטפטפת ומקישים על Escape כדי להשבית אותו. כלי הטפטפת דוגם רק צבעים במרחב הצבעים sRGB. לדוגמה, אם תנסו לדגום את הצבע color(display-p3 1 0 1), שנמצא מחוץ למרחב צבעי ה-sRGB, כלי הטפטפת יחתוך את הצבע לצבע הקרוב ביותר במרחב sRGB, שהוא מג'נטה color(display-p3 0.92 0.2 0.97).

הפעלת הטפטפת.

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

הבעיות ב-Chromium: 1073895, 1395782, 1408777, 1395782, 1392717, 1382409, 1392054

חוויית משתמש משופרת בנקודת עצירה (breakpoint)

החלונית נקודות עצירה בעיצוב חדש מאפשרת לכם לגשת במהירות לתכונות בשימוש נפוץ, ובמיוחד להשבית, לערוך ולהסיר נקודות עצירה (breakpoint).

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

  • נקודות העצירה מקובצות לפי קובץ, מסודרות לפי מספרי שורות או עמודות, וניתן לכווץ אותן. קיבוץ של נקודות עצירה (breakpoint) לפי קובץ.

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

  • לוחצים על הלחצן 'עריכת נקודת עצירה' (breakpoint) כדי לפתוח את העורך של נקודות העצירה. מכאן אפשר להזין את התנאי של נקודת העצירה או לעבור לנקודת עצירה (logpoint). תיבת דו-שיח לעריכה של נקודת עצירה (breakpoint).

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

בעיות ב-Chromium: 1407586, 1402891, 1402893

מקשי קיצור ניתנים להתאמה אישית למכשיר ההקלטה

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

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

שכחת את קיצורי הדרך? אין בעיה, אתם יכולים ללחוץ על הלחצן ? כדי לראות את כל קיצורי הדרך מתי שתרצו. מקשי הקיצור של מכשיר ההקלטה.

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

אם אתם עובדים בחלונית אחרת ורוצים להתחיל הקלטה של תהליך המשתמש, אתם יכולים להשתמש בפקודה Create a new Recording מתפריט הפקודה בכלי הפיתוח כדי להתחיל. יוצרים פקודת הקלטה חדשה.

בעיה ב-Chromium: 1339771

הדגשת תחביר טובה יותר ב-Angular

כלי הפיתוח שיפרו את הדגשת התחביר בתבניות HTML של Angular, ועכשיו קל יותר לקרוא את הקוד ולזהות את המבנה שלו. הדגשת תחביר עבור תבניות HTML של Angular.

בעיות ב-Chromium: 1385374, 1385678

סידור מחדש של המטמון בחלונית 'אפליקציה'

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

בעיה ב-Chromium: 1407166

דגשים שונים

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

  • כלי הפיתוח עודכנו בהתאם להגדרה השבתת מטמון כשטוענים את מפות המקור. (1407084)
  • החלונית רכיבים מתמקדת עכשיו באופן אוטומטי ברכיב התואם הראשון בתוצאות החיפוש. (1381853)
  • תיקונים שונים לשיפור מפת המקור ואמינות של נקודות עצירה (breakpoint). (508270, 1403362, 1403432, 1396298, 1395337, 1405134)
  • כדי להקל על ניפוי באגים, כלי הפיתוח תומכים עכשיו בהערכת ביטויים עם חברים בכיתה פרטית. (1381806) הערכת הבעות פנים עם חברי כיתה פרטיים.

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

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