الميزات الجديدة في 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">

مراجع إضافية

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

اشتراك

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

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