ברוכים הבאים לחלק הראשון של סיכום החדשות החודשי, שבו נציג את האירועים שהתרחשו בצוות של סביבת הפיתוח של האינטרנט✨
אנחנו צוות של מהנדסים ומנהלי תוכן שמפיקים מאמרים ודוגמי קוד, כמו יסודות האינטרנט באתר הזה והפורטל החדש שלנו web.dev. אפשר גם לצפות בעבודות שלנו בערוץ YouTube שלנו, ולא לשכוח לעקוב אחרינו ב-@ChromiumDev :)
פברואר הוא חודש קצר, אבל אין לנו מחסור בתוכן. נתחיל עם גרסאות גדולות שהצוות שלנו השיק.
גרסאות
Workbox
לפני כמה ימים השקנו את גרסה 4.0 של Workbox.🎉 הגרסה הזו כוללת תכונות חדשות נהדרות כמו workbox-window ושיפורים ברבות מחבילות Workbox הקיימות. אם אתם כבר משתמשים ב-Workbox, כדאי לעיין במדריך להעברה מגרסה 3 לגרסה 4.
רוצים לדעת איך משתמשים ב-Workbox בפרויקט הקיים? כאן תוכלו למצוא מדריך לשימוש בהם עם חבילות של מודולים לבחירתכם.
לא בטוחים איזו בעיה תיבת העבודה עוזרת לפתור? מומלץ לצפות בראיון על קובצי שירות בתוכנית State of the Web.
lit-html ו-LitElement
הצוות של פרויקט Polymer עבד קשה על גרסה יציבה של lit-html ו-LitElement – שתי ספריות מדור הבא לפיתוח אינטרנט. רוצים לנסות אותם? כדאי להתחיל במדריך Try LitElement 📝
פעילויות Trusted Web
עם השקת Chrome 72, פעילות אינטרנט מהימנה (TWA) נכנסה לשוק! אפליקציות TWA מאפשרות להציג את Chrome במסך מלא בתוך פעילות ב-Android, כך שתוכלו להעביר את תוכן האינטרנט שלכם לתחום האפליקציות.📱 כדאי לעיין במדריך למתחילים או לקרוא איך @svenbudak פרסם את אפליקציית ה-PWA שלו בחנות Google Play.
מה צפוי בהמשך
גרסת Chrome 73 יציבה צפויה לצאת בקרוב (12 במרץ), ויש לנו הרבה תכונות מעניינות לדבר עליהן.
V8 – מנוע ה-JavaScript של Chrome כולל כמה עדכונים, כולל Object.fromEntries ו-String.prototype.matchAll. נתוני הגרסה של v8
עובדים עם אודיו ווידאו באינטרנט? אנחנו שמחים להודיע על תמיכה במפתחות מדיה לחומרה ועל האפשרות לדלג על מודעות בחלון 'תמונה בתוך תמונה' – עכשיו בגרסת הטרום-השקה. מידע נוסף זמין במאמר עדכונים של אודיו וסרטונים ב-Chrome 73.
דרך אגב, לגבי תקופת הניסיון במקור, כדאי להתכונן ל-Fetch Priority. בעזרת Fetch Priority, מפתחים יכולים להגדיר את מידת החשיבות של רכיב <script>, <img> או <link> כדי להורות לדפדפן איך לטעון אותם. התכונה הזו עדיין ניסיונית, לכן מומלץ לנסות אותה ולשלוח משוב.
אנחנו תמיד מקפידים על ביצועי העיבוד. ב-Chrome 73, מאזינים מסוג wheel ו-mousewheel שמתועדפים ביעדי root (חלון, מסמך או גוף) יהיו מאזינים פסיביים כברירת מחדל, ויספקו גלילה מהירה באמצעות גלגלת העכבר כברירת מחדל.
אנחנו מקבלים תכונות חדשות, אבל צריך גם להיפרד מתכונות קיימות. לכן, חשוב לבדוק גם את התכונות שהוצאנו משימוש והתכונות שהסרנו ב-Chrome 73.
פיתוח חדש
הנה עוד כמה דברים שאנחנו עובדים עליהם ויגיעו לדפדפן שלכם בקרוב.
כדי למנוע פרצות אבטחה מסוג XSS, אנחנו מפתחים ממשק API חדש שנקרא Trusted Types. ההסכמה לשימוש בסוגים מהימנים (דרך Content Security Policy) נועדה לנעול את המסמך מפני הזרקת DOM. אנחנו עובדים על הוספת דוגמאות קוד ומדריכים בנושא הזה, אבל בינתיים תוכלו לקרוא מידע נוסף על סוגים מהימנים כדי לנסות את התכונה.
בקרוב, לחיצה על הלחצנים 'הקודם' ו'הבא' ב-Chrome עשויה להיות מהירה מאוד! אנחנו בודקים מטמון חדש לדף הקודם/הבא כדי לשמור דפים בזיכרון כשהמשתמש עובר לדף אחר. בפוסט הזה מוסבר על bfcache ומופיע אב-טיפוס שלו.
לבסוף, Intersection observer v2 מציג את הרעיון של מעקב אחרי 'החשיפה' בפועל של יעד.
מה אנחנו עובדים עליו
העבודה שלנו לא מסתכמת בתכונות הדפדפן. אנחנו גם בודקים את הביצועים של אפליקציות אינטרנט, יוצרים אפליקציות אינטרנט ומחפשים דרכים שונות לעזור למפתחי אינטרנט בכל מקום. ריכזנו כאן כמה מהדברים שעשינו בחודש האחרון.
- עיבוד באינטרנט
- עדיפויות טעינת JavaScript ב-Chrome
- איסור על ייבוא גדול מפרויקטים של JavaScript
- יעד לשיתוף קבצים באינטרנט
- החלפת נתיב חם ב-JavaScript של האפליקציה ב-WebAssembly
- גיליונות סגנונות שניתן ליצור: סגנונות לשימוש חוזר ללא בעיות
- Progressive React
- בעיות בביצועים של חזית החנות באינטרנט
סרטונים ופודקאסטים חדשים
מרטין מתחיל סדרה חדשה בשם JavaScript SEO. הפרק הראשון עוסק באופן שבו חיפוש Google מוסיף לאינדקס אתרים עם JavaScript. Meggin הציגה לאחרונה תובנות לגבי פרויקט web.dev במפגש. ג'ייק וסורמה חוזרים עם פרק חדש בפודקאסט HTTP203, שבו הם מדברים על הניסוי בנושא סיבוב תמונות.
בערוץ YouTube שלנו יש גם תוכניות קבועות כמו "חדש ב-Chrome", "מה חדש בכלי הפיתוח" ו"מצב האינטרנט".
הודעה מיוחדת
כבר צפית בדוגמאות ל-Puppeteer? יכול להיות שראית את זה בטוויט של Eric Bidelman "📯The 12 Days of Puppeteer 🤹🏻♂️🎁"שנה שעברה. זוהי אוסף מדהים של דוגמאות קוד ל-Puppeteer שמאפשרות לכם לחשוב באופן יצירתי על מה שאפשר לעשות עם הדפדפן. כדאי לך לבדוק אותם.
(בהצלחה בהמשימה החדשה, רון! נתגעגע אליך!!)
סיכום
מה חשבת על סיכום החדשות החודשי הראשון? אם הסרטון מצא חן בעיניך או שיש לך רעיונות לשיפור שלו, אפשר לכתוב לי ב-Twitter @kosamari ✅
אם פיתחתם משהו חדש באמצעות התכונות שסיפרנו עליהן כאן, או שיניתם משהו בקוד שלכם על סמך המאמרים שלנו, חשוב להודיע לנו על כך ב-@ChromiumDev.
במרץ, כמה מאתנו יטוסו להודו כדי לקבל מידע נוסף על חוויית המשתמש באתרים לנייד ✈️ אנחנו מחכים לשתף את מה שנלמד שם!
נתראה בחודש הבא👋