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

Sofia Emelianova
Sofia Emelianova
GitHub

הפסקה הדרגתית של שימוש בקובצי cookie של צד שלישי

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

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

אזהרה לגבי ההוצאה משימוש של קובצי cookie של צד שלישי בכרטיסייה 'בעיות'.

בעיה ב-Chromium: 1466310.

נתחו את קובצי ה-cookie של האתר באמצעות הכלי לניתוח של ארגז החול לפרטיות

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

כדי לנתח את קובצי ה-cookie:

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

הכלי לניתוח של ארגז החול לפרטיות.

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

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

בנוסף, כדאי לעיין בהנחיות לגבי דיווח על בעיות.

דף אפליקציה משופר להתעלמות

דפוס ההחרגה שמוגדר כברירת מחדל עבור node_modules

הגרסה הזו מפעילה את הביטוי הרגולרי שמוגדר כברירת מחדל בתור כלל החרגה מותאם אישית בקטע הגדרות. הגדרות > רשימת התעלמות. כדי לעזור לך להתמקד רק בקוד, הכלי לניפוי באגים ידלג עכשיו על סקריפטים מ-/node_modules/ ומ-/bower_components/ כברירת מחדל. אפשר להשבית את הכלל הזה בהגדרות בכל שלב.

לפני ואחרי הוספת ביטוי רגולרי.

בעיה ב-Chromium: 1496301.

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

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

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

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

כדי לבדוק את ההתנהגות הזו, פותחים את דף ההדגמה הזה:

  1. פותחים את כלי הפיתוח > מקורות, מוסיפים את התיקייה hidden לרשימת קטעי הקוד להתעלמות ומסמנים את התיבה השהיה בחריגות שזוהו.תיבת סימון.
  2. בדף, ברשימת התרחישים 'נתפסו', לוחצים על הלחצנים השונים ורואים את הביצוע מושהה במקרים שצוינו.

כדי להשהות את הביצוע בחריגות שזוהו ו/או שלא נתפסו (כשהאפשרות מסומנת) בקריאות אסינכרוניות, הכלי לניפוי באגים מחפש רכיבי handler של דחייה בהבטחות. החל מגרסה זו, הכלי לניפוי באגים כבר לא חוזה ש-Promise.finally() יקבל חריג, בדומה לאופן שבו הבלוק try...finally לא יאתר כלל חריג.

הבעיות ב-Chromium: 1489312, 1291064.

השם של x_google_ignoreList השתנה ל-ignoreList במפות המקור

המפרט של מפות מקור משתמשים בשדה ignoreList במקום בx_google_ignoreList. כלי הפיתוח תומכים עכשיו בשם החדש עם חלופה לשם הישן. מסגרות ורכיבי Bundle יכולים עכשיו להשתמש בשם השדה החדש.

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

למידע נוסף על מפות מקור, ראה:

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

עכשיו אפשר לעבור בין קלט מגע לעכבר במהלך ניפוי באגים בכרטיסייה Chrome מרחוק. לדוגמה, כשמפעילים מופע של Chrome עם --remote-debugging-port=<port> ומתחברים ליעד הרשת הזה דרך chrome://inspect/#devices.

בסרטון אפשר לראות איך להחליף את המצב של קלט הקלט.

בעיה ב-Chromium: 1410433.

בחלונית הרכיבים מוצגות עכשיו כתובות URL של #document צמתים

כדי לעזור לכם לנפות באגים ב-iframes בקלות רבה יותר, בחלונית רכיבים יוצגו עכשיו documentURL לצד #document צמתים.

התחילית &#39;לפני&#39; ו&#39;אחרי&#39; מציגה את הקטע documentURL ליד הצומת של המסמך #document.

בעיה ב-Chromium: 1376976.

מדיניות אבטחת תוכן יעילה בחלונית האפליקציות

עכשיו אפשר לראות את הפרטים של Content Security Policy (CSP) של פריים שנבדק. כדי להציג את הפרטים, עוברים אל Application (אפליקציה) > Frames (מסגרות), בוחרים מסגרת וגוללים למטה לקטע Content Security Policy (CSP).

הקטע Content Security Policy (מדיניות אבטחת התוכן) נמצא בכרטיסייה &#39;אפליקציות&#39;.

בעיה ב-Chromium: 1424714.

ניפוי באגים משופר באנימציה

בכרטיסייה אנימציות אפשר עכשיו:

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

הבעיות ב-Chromium: 1492460, 1489721.

תיבת הדו-שיח 'האם הקוד הזה מהימן?' ב'מקורות' ובאזהרה 'XSS' עצמית ב-Play

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

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

תיבת הדו-שיח &#39;האם אתה נותן אמון בקוד זה?&#39; בעת הדבקת הקוד ב&#39;מקורות&#39;.

בעיה ב-Chromium: 345205.

נקודות עצירה של event listener ב-worker וב-worklet

כשמגדירים נקודת עצירה (breakpoint) של אירוע במקורות > Event Listener Breakpoints, בנוסף להשהיה באירוע הזה באתר, הכלי לניפוי באגים משהה עכשיו גם כשהאירוע המתאים מתרחש בעובד אינטרנט או ב-worklet מסוג כלשהו, כולל ה-worklet של אחסון משותף.

הכלי לניפוי באגים מושהה כאשר Service Worker קורא לפונקציית הזמן הקצוב לתפוגה.

בעיה ב-Chromium: 1445175.

תג המדיה החדש של <audio> ושל <video>

עכשיו אפשר להפעיל את תג המדיה החדש לרכיבי <audio> ו-<video> בחלונית רכיבים. כשלוחצים על התג, מועברים לחלונית Media שבה ניתן לנפות באגים ברכיבים האלה.

תג המדיה החדש לתגי אודיו ווידאו מופעל.

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

בעיה ב-Chromium: 1448214.

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

כדי להימנע משימוש יתר במונח הקודם ולשקף את ההתנהגות בצורה טובה יותר, שינינו את השם של Application (אפליקציה) > Preטעינה מראש ל-טעינות ספקולטיביות. טעינה ספקולטיבית מאפשרת טעינת דף כמעט מיידית על סמך כללי ספקולציות שאפשר להגדיר לאתר שלכם כדי לעבד מראש ולאחזר מראש את הדפים שאליהם רוב המשתמשים מועברים.

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

בעיה ב-Chromium: 1478888.

Lighthouse 11.2.0

בחלונית Lighthouse הופעל עכשיו Lighthouse בגרסה 11.2.0. לעיון ברשימת השינויים המלאה

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

שיפוץ הביצועים לפני ואחרי.

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

הבעיות ב-Chromium: 772558.

שיפורי נגישות

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

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

הבעיות ב-Chromium: 1488645, 1484918.

דגשים שונים

הנה כמה תיקונים ושיפורים חשובים בגרסה הזו:

  • ביצועים: תוקן אינדיקטור ה-LCP שהיה חסר לפעמים בהקלטה (1487136).
  • טעינות ספקולטיביות: תוקנו כתובות ה-URL המלאות של היעדים בתפריט הנפתח בחלונית רשת (1471020).
  • כיסוי:
    • כיסוי קבוע בכל שורה לקוד מודפס (1464974).
    • פרטי הכיסוי עודכנו עכשיו בטעינה מחדש של הדף (1494457).
  • מסוף:
    • תוקנה בחירת טקסט חלקית בהודעות (1487449).
    • תוקן ההבהוב של התפריט הנפתח של ההשלמה האוטומטית (1487453).
    • סוגריים נתמכים בנתיבי ערימה ובכתובות URL בדוחות קריסות (1473926).
  • מקורות: תמיכה בהדגשת התחביר של מילת המפתח using ב-TypeScript (1490515).
  • בתפריט פתיחה מהירה מוצגות עכשיו שיטות פרטיות (1492957).
  • Application (אפליקציה) > Background Services (שירותים ברקע): סרגל הפעולות העליון מקיף עכשיו את הטקסט בעת שינוי הגודל (1487276).
  • רכיבים > סגנונות:
    • תוקנה הרזולוציה של משתני ה-CSS שעברו בירושה לרכיבים מרווחים (1492162).
    • כשמשביתים נכס CSS, התגובות שלו נמחקות עכשיו כדי לתקן מעברי תחביר (1101224).
  • רשת: בעמודה עדיפות מוצג עכשיו הסבר קצר עם מידע על העדיפות הראשונית (הנושא הזה מוצג גם כשמסמנים את התיבה שורות בקשה גדולות) (1495735).
  • הוצאה משימוש:
    • ההגדרה פורמט צבע הושבתה בגרסאות קודמות והוסרה עכשיו.
    • האפשרות 'מחיקת כל השינויים מברירת המחדל' בדף מקורות הוסרה עכשיו עקב שימוש מועט לאחר ייעול הביטולים (1473681).

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

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