דברים שעליך לדעת:
- אפליקציות אינטרנט שיוצרות אינטראקציה עם קבצים יכולות עכשיו להציע שמות של קבצים וספריות כשמשתמשים ב-File System Access API.
- אתם יכולים לקרוא קבצים מהלוח.
- אם לאתר שלכם יש יותר מדומיין אחד, ושניהם חולקים את אותו קצה עורפי לניהול החשבון, ניתן להגדיר ל-Chrome שמדובר באותו דומיין, וכך לאפשר למנהל הסיסמאות להציע את פרטי הכניסה המתאימים.
- כל הסרטונים מ-I/O זמינים בערוץ YouTube של מפתחי Chrome!
- ויש הרבה עוד.
אני פיט 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.
- מה חדש בכלי הפיתוח ל-Chrome (91)
- הוצאה משימוש והסרות של Chrome 91
- עדכונים ל-ChromeStatus.com עבור Chrome 91
- מה חדש ב-JavaScript ב-Chrome 91
- רשימת שינויים במאגרי מקורות של Chromium
להרשמה
כדי להתעדכן, הירשמו לערוץ YouTube של מפתחי Chrome, ותקבלו הודעה באימייל בכל פעם שנשיק סרטון חדש.
שמי פיט לפייז', וברגע שהגרסה של Chrome 92 תושק, אני אהיה כאן כדי לספר לכם מה חדש ב-Chrome!