דף זה תורגם על ידי Cloud Translation API.

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

Kayce Basques

אמולציה של ליקויי ראייה

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

הדמיה של ראייה מטושטשת.

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

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

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

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

יש לשלוח משוב לבעיה מס' 1003700 ב-Chromium או לקרוא מידע נוסף על ההטמעה.

אמולציה של לוקאלים

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

Intl.* ממשקי API, למשל new Intl.NumberFormat().resolvedOptions().locale
ממשקי API אחרים של JavaScript המודעים למקומות כמו String.prototype.localeCompare ו-*.prototype.toLocaleString, למשל 123_456..toLocaleString()
ממשקי API של DOM כמו navigator.language ו-navigator.languages
הכותרת Accept-Language של בקשת ה-HTTP

הערה: עדכונים ל-navigator.language ול-navigator.languages לא מוצגים באופן מיידי, אלא רק אחרי הניווט הבא או הטעינה מחדש של הדף. שינויים בכותרת ה-HTTP של Accept-Language ישוקפו רק בבקשות הבאות.

כדאי לעיין בדוגמה לקוד תלוי-מיקום כדי לנסות בעצמכם.

שלח משוב לבעיה מס' 1051822 של Chromium.

ניפוי באגים במדיניות הטמעה ממקורות שונים (COEP)

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

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

בקשות חסומות בעמודה 'סטטוס'

בקטע Response Headers בכרטיסייה Headers ניתן למצוא הנחיות נוספות לפתרון בעיות:

הנחיות נוספות בקטע 'כותרות תגובה'

שלח משוב לבעיה מס' 1051466 של Chromium.

סמלים חדשים של נקודות עצירה (breakpoint), נקודות עצירה (breakpoint) מותנות ונקודות רישום (logpoint)

בחלונית מקורות יש סמלים חדשים של נקודות עצירה (breakpoint), נקודות עצירה (breakpoint) מותנות ונקודות רישום ביומן:

נקודות עצירה מיוצגות על ידי עיגולים אדומים.
נקודות עצירה מותנות מיוצגות על ידי עיגולים בצבע אדום חצי לבן.
Logpoint מיוצג על ידי עיגולים אדומים עם סמלי מסוף.

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

שלח משוב לבעיה מס' 1041830 של Chromium.

השתמשו במילת המפתח החדשה של המסנן cookie-path בחלונית רשת כדי להתמקד בבקשות הרשת שמגדירים נתיב ספציפי של קובצי cookie.

כדי למצוא עוד מילות מפתח מיוחדות, כמו cookie-path, אפשר לעיין במאמר סינון בקשות לפי נכסים.

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

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

כלי הפיתוח מוצמדים לצד שמאל של אזור התצוגה

שלח משוב לבעיה מס' 1011679 של Chromium.

האפשרות `Settings` בתפריט הראשי הועברה

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

שלח משוב לבעיה מס' 1050855 ב-Chromium.

החלונית Audits נקראת עכשיו Lighthouse

הצוותים של DevTools ו-Lighthouse קיבלו משוב לעיתים קרובות ממפתחי אתרים, שהם שמעו שאפשר להפעיל את Lighthouse מ-DevTools, אבל כשהם ניסו להשתמש הם לא מצאו את החלונית Lighthouse, ולכן החלונית Audits נקראת עכשיו Lighthouse.

החלונית Lighthouse

מחיקת כל השינויים המקומיים בתיקייה

אחרי שמגדירים Local Overrides, אפשר ללחוץ לחיצה ימנית על תיקייה ולבחור באפשרות החדשה Delete all override (מחיקת כל השינויים) כדי למחוק את כל השינויים המקומיים שבתיקייה.

מחיקת כל השינויים מברירת המחדל

שלח משוב לבעיה מס' 1016501 של Chromium.

ממשק המשתמש של המשימות הארוכות עודכן

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

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

ממשק המשתמש החדש למשימה ארוכה

שליחת משוב לבעיה מס' 1054447 של Chromium.

תמיכה בסמלים שניתנים לאנונימיזציה בחלונית המניפסט

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

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

תיבת הסימון 'הצגת האזור הבטוח המינימלי לסמלים שניתן למיסוך'

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

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

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

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

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