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

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

Kayce Basques

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

בקטע Response Headers (כותרות תגובה) בכרטיסייה Headers (כותרות של תגובות) מוסבר איך לפתור את הבעיות:

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

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

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

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

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

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

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

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

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

עגינה שמאלה מתפריט הפקודה

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

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

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

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

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

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

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

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

חלונית Lighthouse

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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