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

שאילתות ניתנות לעריכה של קונטיינרים של CSS בחלונית 'סגנונות'

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

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

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

נכון לעכשיו, התכונה של שאילתות בקונטיינרים היא ניסיונית. כדי לבדוק, צריך להפעיל את התכונה הניסיונית #enable-container-queries בקטע chrome://flags.

שאילתות ניתנות לעריכה של קונטיינרים של CSS בחלונית 'סגנונות'

בעיה ב-Chromium: 1146422

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

Web Bundle הוא פורמט קובץ שמאפשר לכלול קיבול של מקור HTTP אחד או יותר בקובץ יחיד. עכשיו אפשר להציג בתצוגה מקדימה את התוכן של חבילת האינטרנט בחלונית רשת.

תכונת חבילת האינטרנט היא ניסיונית כרגע. כדי לבדוק, צריך להפעיל את התכונה הניסיונית #enable-experimental-web-platform-features בקטע chrome://flags.

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

בעיה ב-Chromium: 1182537

ניפוי באגים ב-Attribution Reporting API

שגיאות ב-Attribution Reporting API מדווחות עכשיו בכרטיסייה בעיות.

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

שגיאות ב-Attribution Reporting API בכרטיסייה 'בעיות'

בעיה ב-Chromium: 1190735

טיפול טוב יותר במחרוזות במסוף

באמצעות תפריט ההקשר החדש במסוף אפשר להעתיק כל מחרוזת בתור תוכן, ליטרל JavaScript או ליטרל JSON.

תפריט הקשר חדש במסוף

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

עכשיו המסוף מעצב פלט של מחרוזות בליטרלים חוקיים של JavaScript. נוסף לכך, יש 3 אפשרויות להעתקה של מחרוזת הטקסט. האפשרות העתקה כליטרל JavaScript תסמן בתו מילוט (escape) את התווים המיוחדים המתאימים ותכסה את המחרוזת במירכאות יחידות, במירכאות כפולות או בסימנים אחוריים, בהתאם לתוכן המחרוזת. במקום זאת, האפשרות העתקת תוכן המחרוזת מעתיקה ללוח את התוכן של המחרוזת הגולמית (כולל שורות חדשות ותווים מיוחדים אחרים). לבסוף, בוחרים באפשרות העתקה כליטרל JSON מעצבת את המחרוזת כליטרל JSON חוקי ומעתיק אותה ללוח.

בעיה ב-Chromium: 1208389

ניפוי באגים משופר ב-CORS

שגיאות TypeError שקשורות ל-CORS במסוף מקושרות עכשיו לחלונית 'רשת' ולכרטיסייה 'בעיות'.

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

סמלים לצד הודעת השגיאה שקשורה ל-CORS

בעיה ב-Chromium: 1213393

מגדלור 8.1

בחלונית Lighthouse פועלת עכשיו Lighthouse בגרסה 8.1.

מגדלור

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

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

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

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

בעיה ב-Chromium: 772558

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

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

נכון לעכשיו ב-ChromeOS (CrOS), אפשר לבחור באפליקציות Chrome ובאפליקציות ל-Android שיש בהן יכולת "הערות חדשות" כאפליקציה לרישום הערות בהגדרות הסטיילוס (מוצג אם נעשה שימוש במכשיר ChromeOS עם סטיילוס). לאחר הבחירה כאפליקציה לרישום הערות, ניתן להפעיל את האפליקציה בלחיצה על הלחצן 'Create Note' (יצירת הערה) בלוח הסטיילוס. הוספת השדה new-note-url בקובץ המניפסט של האפליקציה היא חלק מהמאמץ להוסיף פונקציונליות מקבילה לאפליקציות אינטרנט.

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

בעיה ב-Chromium: 1185678

סלקטורים תואמים של CSS

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

הסלקטורים המופרדים בפסיקים בחלונית סגנונות מסומנים באופן שונה בהתאם לצומת ה-DOM שנבחר:

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

סלקטורים בהתאמת CSS

בעיה ב-Chromium: 1219153

תגובות JSON להדפסה יפה בחלונית 'רשת'

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

פותחים תגובת JSON בחלונית רשת ולוחצים על הסמל {} כדי להדפיס אותה בצורה יפה.

 תגובות JSON להדפסה יפה בחלונית 'רשת'

באג ב-Chromium: 998674

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

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