חדש ב-Chrome 61

  • מעכשיו, ב-Chrome 61 יש תמיכה רגילה במודולים של JavaScript, שמאפשרת לכתוב JavaScript מודולרי באופן אחיד.
  • עכשיו אפשר להשתמש ב-navigator.share כדי להפעיל את תיבת הדו-שיח המובנית של Android לשיתוף.
  • WebUSB API הגיע, ומאפשר לאפליקציות אינטרנט לגשת למכשירי USB שמותר למשתמשים להשתמש בהם.
  • ויש עוד הרבה!

רוצים לראות את רשימת השינויים המלאה? רשימת השינויים במאגר המקור של Chromium

קוראים לי Pete LePage. נצלול פנימה ונראה מה חדש למפתחים ב-Chrome 61.

מודולים של JavaScript

ב-Chrome 61 נוספה תמיכה מקורית במודולים של JavaScript באמצעות הרכיב <script type="module">. כך Chrome יכול לאחזר יחסי תלות מפורטים במקביל, לנצל את המטמון, למנוע כפילויות בדף ולהבטיח שהסקריפט יפעל בסדר הנכון.

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

מערכת המודולים הסטנדרטית הזו מאחדת את האופן שבו אפשר לכתוב JavaScript מודולרי ולשלוח אותו לדפדפני אינטרנט. בעתיד, אותה מערכת תהיה זמינה ב-Node, כך שיהיה קל יותר לכתוב ולפרוס JavaScript איזומורפי.

בקישורים הבאים אפשר לקבל מידע נוסף על מודולים ועל ההיבטים של JavaScript שמושפעים מהם.

Web Share API

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

Web Share API, שזמין היום ב-Chrome ל-Android, מאפשר להפעיל את יכולות השיתוף המובנות של המכשיר של המשתמשים, וכך מאפשר למשתמשים לשתף בקלות טקסט או קישורים עם כל האפליקציות המובנות שמותקנות במכשיר.

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


navigator.share({
  title: document.title, text: 'Hello',
  url: window.location.href
}).then(() => {
  console.log('Successful share');
});

בעדכון של Paul בנושא WebShare API תוכלו לקרוא פרטים מלאים ושיטות מומלצות שחשוב לפעול לפיהן.

WebUSB

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

עכשיו יש ב-Chrome תמיכה ב-WebUSB API, שמאפשר לאפליקציות אינטרנט לתקשר עם התקני USB אחרי שהמשתמש מספק את הסכמתו. למידע נוסף על השיקולים הקשורים לאבטחה ולפרטיות ועל האופן שבו הם מטופלים, אפשר לעיין במפרט WebUSB.

כשתהיו מוכנים להתחיל, תוכלו לעיין בפוסט של Francois בנושא עדכונים ב-WebUSB.

ועוד.

  • עכשיו אפשר לציין את רמת החלקות הגלילה באמצעות נכס ה-CSS scroll-behavior.
  • עכשיו אפשר לציין את ערך הצבע הקסדצימאלי ב-CSS עם שקיפות אלפא על ידי הוספת ספרות לסוף המחרוזת.
  • אפשר לגשת למיקומים היחסיים של תוכן המסך באמצעות Visual Viewport API, וכך לחשוף פונקציונליות מורכבת כמו צביטה והגדלה באופן ישיר יותר.

אלה רק כמה מהשינויים ב-Chrome 61 למפתחים.

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

קוראים לי פיט לייפ (Pete LePage), ואחרי שגרסת Chrome 62 תפורסם, אספר לכם מה חדש ב-Chrome.