חדש ב-Chrome 91

Pete LePage

דברים שעליך לדעת:

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

שמות מוצעים ל-File System Access API

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

החל מגרסה 91 של Chrome, אפשר להציע את השם והמיקום של קובץ או תיקייה שרוצים לבצע איתם פעולה. כדי לעשות זאת, מעבירים את המאפיין suggestedName כחלק מהאפשרויות של showSaveFilePicker.

const fileHandle = await self.showSaveFilePicker({
  suggestedName: 'Untitled Text.txt',
  types: [{
    description: 'Text documents',
    accept: {
      'text/plain': ['.txt'],
    },
  }],
});

אותו הדבר לגבי ספריית ברירת המחדל להתחלה. לדוגמה, כלי לעריכת טקסט כנראה ירצה להפעיל את תיבת הדו-שיח לשמירת הקובץ או לפתיחת הקובץ בתיקייה documents. לעומת זאת, עורך תמונות כנראה ירצה להתחיל בתיקייה pictures. אפשר להציע ספריית ברירת מחדל להתחלה על ידי העברת המאפיין startIn.

const fileHandle = await self.showOpenFilePicker({
  startIn: 'documents'
});

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

קריאת קבצים מהלוח

יש עוד ממשק API חדש ומגניב לאינטראקציה עם קבצים, שיגיע ל-Chrome 91. עכשיו אפליקציות אינטרנט יכולות לקרוא קבצים מהלוח במחשב. (אפשר לקרוא קבצים מהלוח ב-Safari מאז 2018).

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

window.addEventListener('paste', onPaste);

async function onPaste(e) {
  const file = e.clipboardData.files[0];
  const contents = await file.text();
  ...
}

שיתוף פרטי הכניסה באתרים של שותפים

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

האפשרות הזו מתאימה במיוחד כשהאתר שלכם מוצג מדומיינים שונים ברמה העליונה, כמו google.com ו-google.ca. או אולי יש לכם כמה שמות דומיינים.

כדי לשייך את האתרים, צריך ליצור קובץ assetlinks.json שמגדיר את הקשר בין הדומיינים. בדוגמה הבאה, אני אומרת לדפדפן ששני הדומיינים .com ו-.co.uk קשורים ושאפשר לשתף את פרטי הכניסה.

[{
  "relation": ["delegate_permission/common.get_login_creds"],
  "target": {
    "namespace": "web",
    "site": "https://www.example.com"
  }
 },
{
  "relation": ["delegate_permission/common.get_login_creds"],
  "target": {
    "namespace": "web",
    "site": "https://www.example.co.uk"
  }
 }]

לאחר מכן, מארחים את הקובץ assetlinks.json בתיקייה .well-known לכל דומיין.

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

ועוד.

כמובן שיש עוד הרבה.

כל הסרטונים מ-I/O 2021 זמינים עכשיו באינטרנט. יש שם תוכן מעולה, אז כדאי לכם לצפות בו.

Web Transport – בעבר נקרא Quic Transport, עבר מספר שינויים ועכשיו מתחילה תקופת ניסיון חדשה למקורות.

תקופת הניסיון של Web Assembly SIMD הסתיימה והיא זמינה לכל המשתמשים.

רכיבי הטפסים המעודכנים הגיעו סוף סוף ל-Android, לשיפור חוויית המשתמש.

המאפיין media של הרכיב <link> יתקבל ב-link rel="icon", כלומר תוכלו להגדיר סמלים שונים על סמך שאילתות מדיה. לדוגמה, סמלים שונים למצבים כהה ובהיר.

<link
  rel="icon"
  media="(prefers-color-scheme: dark)"
  href="/icons/dark.png">
<link
  rel="icon"
  media="(prefers-color-scheme: light)"
  href="/icons/light.png">

קריאה נוספת

כאן מפורטות רק כמה מהנקודות העיקריות. בקישורים הבאים מפורטים שינויים נוספים ב-Chrome 91.

להרשמה

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

קוראים לי פיט לייפיג', ואחרי שגרסת Chrome 92 תפורסם, אספר לכם מה חדש ב-Chrome.