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

חדש בכלי הפיתוח ב-Chrome 68:

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

מסוף מסייע

גרסת Chrome 68 כוללת כמה תכונות חדשות במסוף שקשורות להשלמה אוטומטית ולתצוגה מקדימה.

הערכה יזומה

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

המסוף מדפיס את התוצאה של הפעולה sort() לפני שהיא בוצעה באופן מפורש.

איור 1. המסוף מדפיס את התוצאה של הפעולה sort() לפני שבוצעה באופן מפורש

כדי להפעיל את Eager Evaluation:

  1. פותחים את המסוף.
  2. פותחים את הגדרות המסוף הלחצן 'הגדרות המסוף'.
  3. מסמנים את התיבה Eager Assessment (הערכה של Eager).

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

רמזים לארגומנטים

בזמן ההקלדה של פונקציות, ב-Play Console יוצגו הארגומנטים שהפונקציה מצפה להם.

רמזים לארגומנטים במסוף.

איור 2. דוגמאות שונות של רמזים לארגומנטים במסוף

הערות:

  • סימן שאלה לפני ארגומנטים, כמו ?options, מייצג ארגומנט אופציונלי.
  • שלוש נקודות לפני ארגומנטים, כמו ...items, מייצגות spread.
  • פונקציות מסוימות, כמו CSS.supports(), מקבלות מספר חתימות של ארגומנטים.

השלמה אוטומטית לאחר הפעלות של פונקציה

אחרי שמפעילים את Eager Evaluation, ב-Play Console רואים גם אילו מאפיינים ופונקציות זמינים אחרי שמקלידים פונקציה.

לאחר הפעלת document.querySelector('p'), ה-Console יכול להציג לך את המאפיינים והפונקציות הזמינים עבור רכיב זה.

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

מילות מפתח ב-ES2017 בהשלמה אוטומטית

מילות מפתח ב-ES2017, כמו await, זמינות עכשיו בממשק המשתמש של ההשלמה האוטומטית של המסוף.

ממשק המשתמש של ההשלמה האוטומטית מציע עכשיו את המילה 'await' (המתנה).

איור 4. ה-Console מציע עכשיו await בממשק המשתמש של ההשלמה האוטומטית שלו

ביקורות מהירות ואמינות יותר, ממשק משתמש חדש וביקורות חדשות

אונייה Chrome 68 עם Lighthouse 3.0. הקטעים הבאים מציגים סיכום של כמה מהשינויים הגדולים ביותר. לכתבה המלאה יש לעיין בהודעה על מגדלור 3.0.

ביקורות מהירות ואמינות יותר

ב-Lighthouse 3.0 יש מנוע ביקורת פנימי חדש בשם Lantrn, שיכול להשלים את הבדיקות מהר יותר, עם פחות הבדלים בין הפעלות.

ממשק משתמש חדש

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

ממשק המשתמש החדש של הדוחות ב-Lighthouse 3.0.

איור 5. ממשק המשתמש החדש של הדוחות ב-Lighthouse 3.0

ביקורות חדשות

הכלי Lighthouse 3.0 גם מגיע עם 4 ביקורות חדשות:

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

תמיכה ב-BigInt

ב-Chrome 68 יש תמיכה בפרימיטיב מספרי חדש שנקרא BigInt. BigInt מאפשרת לייצג שילובים ברמת דיוק שרירותית. אפשר לנסות במסוף:

דוגמה ל-BigInt במסוף.

איור 6. דוגמה של BigInt במסוף

הוספת נתיב של מאפיין לשעון

בזמן השהיה בנקודת עצירה (breakpoint), לוחצים לחיצה ימנית על מאפיין בחלונית Scope ובוחרים באפשרות Add property path to watch (הוספת נתיב מאפיין לשעון) כדי להוסיף את הנכס הזה לחלונית Watch.

דוגמה להוספת נתיב של מאפיין לשעון.

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

האפשרות 'הצגת חותמות זמן' הועברה להגדרות

תיבת הסימון Show timestamps (הצגת חותמות זמן) הייתה בהגדרות המסוף הלחצן 'הגדרות המסוף' עברה ל-Settings (הגדרות).

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

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