الميزات الجديدة في Chrome 91

Pete LePage

في ما يلي ما تحتاج إلى معرفته:

اسمي بيت ليبيه، وأعمل وأصور من المنزل. لنطّلِع على الميزات الجديدة للمطوّرين في Chrome 91.

أسماء مقترَحة لواجهة برمجة التطبيقات File System Access API

من واجهات برمجة التطبيقات المفضّلة لديّ التي تم إطلاقها في مشروع Fugu هذا العام هي File System Access APIs. بعد أن يمنح المستخدم الإذن، يمكن للتطبيقات التفاعل مع الملفات على جهاز المستخدم، بالطريقة نفسها التي تتفاعل بها التطبيقات المُثبَّتة الأخرى، ما يتيح لك توفير تجربة استخدام أكثر سلاسة.

بدءًا من الإصدار 91 من Chrome، يمكنك الآن اقتراح اسم ملف أو directory (دليل) وموقعه الجغرافي للتفاعل معه. لإجراء ذلك، مرِّر موقعًا على 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'
});

اطّلِع على مشاركة تام الوصول إلى نظام الملفات للحصول على التفاصيل الكاملة.

قراءة الملفات من الحافظة

تتوفّر واجهة برمجة تطبيقات جديدة أخرى للتفاعل مع الملفات في 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 لكل نطاق.

ستبدأ عملية طرح هذه الوظيفة تدريجيًا في الإصدار 91 من Chrome، وقد لا تكون متاحة في اليوم الأول، لذا اطّلِع على مقالة تفعيل Chrome لمشاركة بيانات اعتماد تسجيل الدخول على المواقع الإلكترونية التابعة للاطّلاع على أحدث التفاصيل.

وغير ذلك

بالطبع، هناك الكثير من الميزات الأخرى.

يمكنك الآن مشاهدة كل الفيديوهات من مؤتمر I/O لعام 2021 على الإنترنت. وننصحك بمشاهدتها لأنها تتضمّن محتوًى رائعًا.

Web Transport (نقل الويب) الذي كان يُعرف سابقًا باسم Quic Transport (نقل Quic) قد претерпел عددًا من التغييرات وبدأ بتجربة مصدر جديدة.

انتهت الفترة التجريبية لميزة 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.

اشتراك

للاطّلاع على آخر الأخبار، يمكنك الاشتراك في قناة مطوّري Chrome على YouTube، وستتلقّى إشعارًا عبر البريد الإلكتروني عند نشر فيديو جديد.

اسمي "بيت ليبيت"، وسأكون هنا لإطلاعك على ميزات الإصدار 92 من Chrome فور طرحه.