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

Kayce Basques

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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