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

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

כלי הפיתוח ל-Chrome תומכים עכשיו ביותר מ-80 שפות, כדי לאפשר לך לעבוד בשפה המועדפת עליך!

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

העדפות" רוחב="800" height="494">

בעיה ב-Chromium: 1163928

מכשירי Nest Hub חדשים ברשימת המכשירים

עכשיו אפשר לדמות את המידות של Nest Hub ו-Nest Hub Max במצב המכשיר.

לוחצים על החלפת סרגל הכלים של המכשיר   החלפת המצב של סרגל הכלים של המכשיר  , בוחרים ב-Nest Hub או ב-Nest Hub Max ברשימת המכשירים.

מכשיר Nest Hub במצב 'מכשיר'

בעיה ב-Chromium: 1223525

גרסאות מקור לניסיון בתצוגת הפרטים של המסגרת

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

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

פותחים דף עם גרסאות מקור לניסיון (למשל, דף הדגמה). בחלונית Application, גוללים למטה לקטע Frames ובוחרים את המסגרת העליונה.

גרסאות מקור לניסיון בתצוגת הפרטים של המסגרת

בעיה ב-Chromium: 607555

תג חדש של שאילתות מאגר תגים בשירות CSS

תג מאגר חדש יתווסף לצד רכיבי המאגר (רכיבי האב שתואמים לקריטריונים של @container בכללים). לוחצים על התג כדי להחליף את מצב התצוגה של שכבת-על של מאגר התגים שנבחר ושל כל הצאצאים שלו שמהם מתבצעת שאילתות בדף.

תג של שאילתות מאגר תגים בשירות CSS

בעיה ב-Chromium: 1146422

תיבת סימון חדשה להיפוך מסנני הרשת

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

לדוגמה, אפשר להקליד 'status-code: 404' כדי לסנן את בקשות הרשת בסטטוס 404. מפעילים את תיבת הסימון היפוך כדי לבטל את המסנן (הצגת כל בקשות הרשת שלא בסטטוס 404).

היפוך מסנני הרשת

בעיה ב-Chromium: 1054464

בקרוב נוציא משימוש את סרגל הצד של מסוף

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

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

בעיה ב-Chromium: 1232937

הצגת כותרות גולמיות של Set-Cookie בכרטיסייה 'בעיות' ובחלונית 'רשת'

כלי הפיתוח מציגים עכשיו כותרות גולמיות של Set-Cookie בכרטיסייה בעיות.

בעבר, כלי הפיתוח לא הציגו קובצי Cookie שגויים (כותרת Set-Cookie שגויה) בחלונית 'רשת'. הוספת המסנן response-header-set-cookie החדש לחלונית רשת מאפשרת למשתמשים לסנן את התגובה הגולמית של הכותרת Set-Cookie. כלי הפיתוח יקשרו את הכותרות הגולמיות של Set-Cookie בכרטיסייה בעיות אל החלונית רשת.

'הגדרת קובץ Cookie' גולמי בכותרות בכרטיסייה 'בעיות' ובחלונית 'רשת'

בעיה ב-Chromium: 1179186

מציגים באופן עקבי גישת נייטיב כנכסים שלכם במסוף

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

לדוגמה, כשבודקים את הביטוי new Int8Array([1, 2, 3]) במסוף, רכיבי גישה נייטיב כמו length, byteOffset לא הוצגו בתצוגה המקדימה. במסגרת העדכון האחרון, רכיבי הגישה המותאמים מוצגים בתצוגה המקדימה והערכים מוערכים באופן יסודי כשהם מורחבים.

מציגים באופן עקבי גישת נייטיב כנכסים שלכם במסוף

בעיות ב-Chromium: 1076820, 1199247

מעקב תקין אחר קריסות של שגיאות בסקריפטים מוטבעים עם #sourceURL

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

בעבר, כלי הפיתוח הציגו מיקום שגוי לסקריפטים מוטבעים עם #sourceURL, ביחס למסמך שמסביבו, ולא ביחס לתג הפותח <script>.

מעקב תקין אחר קריסות של שגיאות בסקריפטים מוטבעים עם #sourceURL

בעיות ב-Chromium: 1183990, 578269

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

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

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

בעיה ב-Chromium: 1226371

החלפה של הסברים קצרים מותאמים אישית בהסברים קצרים מותאמים אישית ב-HTML

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

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

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

הסבר קצר על כלי פיתוח

בעיה ב-Chromium: 1223391

[ניסיוני] הסתרת בעיות בכרטיסייה 'בעיות'

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

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

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

בעיה ב-Chromium: 1175722

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

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

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

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

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

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

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