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

תכונת תצוגה מקדימה: חלונית חדשה לסקירה כללית של CSS

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

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

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

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

חלונית הסקירה הכללית של CSS

בעיה ב-Chromium: 1254557

שוחזרה ומשופרת חוויית העריכה וההעתקה של אורך ה-CSS

האפשרויות העתקת CSS ועריכה כטקסט ישוחזרו בנכסי CSS עם אורך. הגרסאות האלה לא תקינות בגרסה האחרונה.

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

אם נתקלת בבעיות, אפשר לדווח עליהן בכתובת goo.gle/length-feedback.

אפשר להשבית את התכונה דרך תיבת הסימון הגדרות > ניסויים > הפעלת כלים לכתיבת אורך CSS בחלונית הסגנונות.

בעיות ב-Chromium: 1259088, 1172993

עדכוני כרטיסיות עיבוד

אמולציה של תכונת המדיה עם העדפה לניגודיות ב-CSS

אמולציה של תכונת המדיה עם העדפה לניגודיות ב-CSS

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

פותחים את תפריט הפקודות, מריצים את הפקודה Show Rendering ולאחר מכן מגדירים את התפריט הנפתח Emlate CSS media feature הוספנו העדפה לניגודיות.

בעיה ב-Chromium: 1139777

אמולציה של תכונת העיצוב האוטומטי האוטומטי ב-Chrome

אפשר להשתמש בכלי הפיתוח כדי לדמות עיצוב כהה אוטומטי, וכך לראות בקלות איך הדף ייראה כשעיצוב כהה אוטומטי מופעל ב-Chrome.

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

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

אמולציה של תכונת העיצוב האוטומטי האוטומטי ב-Chrome

בעיה ב-Chromium: 1243309

העתקת הצהרות כ-JavaScript בחלונית 'סגנונות'

בתפריט ההקשר נוספו שתי אפשרויות חדשות, כדי שתוכלו להעתיק בקלות כללי CSS כמאפייני JavaScript. אפשרויות מקשי הקיצור האלה שימושיות במיוחד למפתחים שעובדים עם ספריות CSS-in-JS.

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

למשל, הדוגמה שלמטה תעתיק את paddingLeft: '1.5rem' ללוח.

העתקת ההצהרה כ-JavaScript

בעיה ב-Chromium: 1253635

כרטיסייה חדשה של מטען ייעודי (payload) בחלונית 'רשת'

כשבודקים בקשת רשת עם מטען ייעודי (payload), בכרטיסייה החדשה מטען ייעודי (payload) בחלונית רשת. בעבר, המידע של המטען הייעודי היה זמין בכרטיסייה כותרות.

הכרטיסייה 'מטען ייעודי (payload)' בחלונית 'רשת'

בעיה ב-Chromium: 1214030

שיפרנו את התצוגה של המאפיינים בחלונית 'מאפיינים'

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

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

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

בעיה ב-Chromium: 1226262

עדכונים במסוף

אפשרות להסתיר שגיאות CORS במסוף

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

במסוף, לוחצים על הסמל הגדרות ומבטלים את הסימון בתיבת הסימון הצגת שגיאות CORS במסוף.

אפשרות להסתיר שגיאות CORS במסוף

בעיה ב-Chromium: 1251176

תצוגה מקדימה והערכה של Intl אובייקטים כראוי במסוף

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

אובייקטים בין-לאומיים במסוף

בעיה ב-Chromium: 1073804

דוחות קריסות עקביים

הדוחות במסוף async דוחות קריסות לפונקציות של async תואמים למשימות אסינכרוניות אחרות ולמה שמוצג ב-Call Stack.

דוחות קריסות אסינכרוניים

בעיה ב-Chromium: 1254259

שמירת סרגל הצד של המסוף

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

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

סרגל הצד של המסוף

בעיות ב-Chromium: 1232937, 1255586

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

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

בעיה ב-Chromium: 1084190

[ניסיוני] חלונית New Reporting API בחלונית האפליקציה

.

Reporting API נועד לעזור לכם לעקוב אחר הפרות אבטחה בדף, קריאות ל-API שהוצאו משימוש ועוד.

כשהניסוי הזה מופעל, עכשיו אפשר לראות את סטטוס הדוחות בחלונית Reporting API החדשה בחלונית Application.

שימו לב שהקטע Endpoints נמצא כרגע בפיתוח פעיל (בשלב זה לא מוצגות נקודות קצה לדיווח).

מידע נוסף על Reporting API זמין במאמר הזה.

החלונית Reporting API בחלונית 'אפליקציה'

בעיה ב-Chromium: 1205856

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

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