واجهات برمجة المتصفح الحديثة التي يجب أن يعرفها كل مطور في 2026

توفّر المتصفّحات الحديثة الآن واجهات برمجية كانت متاحة سابقاً في التطبيقات الأصلية فقط. في 2026، تستطيع تطبيقات الويب الوصول إلى العتاد والعمل دون اتصال وتقديم تجارب غامرة باستخدام قدرات المتصفّح المدمجة.

واجهة انتقالات العرض (View Transitions API)

// Smooth page transitions
document.startViewTransition(async () => {
  await updateDOM()
})

// CSS for transition
::view-transition-old(root) {
  animation: fade-out 0.3s ease-out;
}
::view-transition-new(root) {
  animation: fade-in 0.3s ease-in;
}

واجهة المشاركة (Web Share API)

await navigator.share({
  title: "Check this out",
  text: "Interesting article about web APIs",
  url: window.location.href
})

Web Bluetooth

const device = await navigator.bluetooth.requestDevice({
  filters: [{ services: ["heart_rate"] }]
})
const server = await device.gatt.connect()
// Access heart rate data

واجهة الوصول لنظام الملفات (File System Access API)

const handle = await window.showSaveFilePicker()
const writable = await handle.createWritable()
await writable.write("File content")
await writable.close()

واجهات أساسية أخرى

• إدارة بيانات الاعتماد: تدفّقات تسجيل دخول مبسّطة
• طلب الدفع: تجربة دفع أصلية
• أقفال الويب (Web Locks): تنسيق العمليات غير المتزامنة
• كشف الخمول (Idle Detection): اعرف متى يكون المستخدم بعيداً
• قفل إيقاظ الشاشة: أبقِ الشاشة مضاءة أثناء الأنشطة

التحسين التدريجي

تحقّق دائماً من توفّر الواجهة قبل استخدامها. تعزّز هذه الواجهات التجربة في المتصفّحات المدعومة مع الحفاظ على بدائل احتياطية للأخرى.