חדש ב-Chrome 91

Pete LePage

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

אני פיט LePage, אני עובד ומצלם מהבית, בואו נצלול פנימה ונראה מה חדש למפתחים ב-Chrome 91!

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

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

החל מגרסה 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'
});

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

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

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

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

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) עבר מספר שינויים, והוא מתחיל תקופת מקור חדשה לניסיון.

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

רכיבי הטופס המחודשים נחתו סוף סוף ב-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!