חדש ב-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

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

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

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


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

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

WebUSB

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

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

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

ועוד!

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

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

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

אני פיט לה פייג', וברגע שגרסת Chrome 62 תושק, אני אהיה כאן כדי לספר לכם מה חדש ב-Chrome!