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

Pete LePage

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

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

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

إحدى واجهات برمجة التطبيقات التي أستخدمها في مشروع Fugu هذا العام هي واجهات برمجة التطبيقات File System Access 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'
});

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

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

هناك واجهة برمجة تطبيقات جديدة ورائعة للتفاعل مع الملفات التي تصل إلى 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، عن عدد من التغييرات وبدأت في مرحلة إصدار تجريبي جديد.

انتهت مرحلة التجربة والتقييم على Web Assembly SIMD (شريحة SIM الرئيسية) وهي متاحة لجميع المستخدمين.

وصلت عناصر النموذج التي تم تحديثها أخيرًا إلى نظام 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">

محتوى إضافي للقراءة

يتناول هذا فقط بعض النقاط الرئيسية. اطّلِع على الروابط أدناه لمعرفة التغييرات الإضافية في الإصدار 91 من Chrome.

اشتراك

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

اسمي بيت ليبيج، وبعد طرح الإصدار 92 من Chrome، سأكون هنا لإخبارك بالجديد في Chrome!