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

Kayce Basques

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

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

מסוף מסייע

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

הערכה נלהבת

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

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

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

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

  1. פותחים את המסוף.
  2. פותחים את הגדרות המסוף לחצן ההגדרות של המסוף.
  3. מפעילים את תיבת הסימון Eager Assess

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

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

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

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

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

הערות:

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

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

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

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

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

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

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

בממשק המשתמש של ההשלמה האוטומטית תופיע עכשיו הצעה המילה 'בהמתנה' במסוף.

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

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

Chrome 68 נשלח עם Lighthouse 3.0. בחלקים הבאים יש סיכום של כמה מהשינויים הגדולים ביותר. לסיפור המלא, ראו הודעה על Lighthouse 3.0.

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

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

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

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

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

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

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

גם Lighthouse 3.0 יש 4 ביקורות חדשות:

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

התמיכה ב-BigInt

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

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

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

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

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

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

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

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

תיבת הסימון Show timestamps בהגדרות המסוף לחצן ההגדרות של המסוף הועברה להגדרות.

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

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

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

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

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

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

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

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113

Chrome 112

Chrome 111

Chrome 110

Chrome 109

Chrome 108

Chrome 107

Chrome 106

Chrome 105

Chrome 104

Chrome 103

Chrome 102

Chrome 101

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Chrome 91

Chrome 90

Chrome 89

Chrome 88

Chrome 87

Chrome 86

Chrome 85

Chrome 84

Chrome 83

Chrome 82

Chrome 82 בוטל.

Chrome 81

Chrome 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome 65

Chrome 64

Chrome 63

Chrome 62

Chrome 61

Chrome 60

Chrome 59