يوضح هذا البرنامج التعليمي إنشاء متصفح ويب أساسي في Windows 10 باستخدام التحكم في Microsoft Edge Webview وتقنيات الويب القياسية (HTML ، CSS ، JavaScript). على الرغم من أن المكافئ المستند إلى MAC غير مدعوم مباشرة ، إلا أن الأجهزة الظاهرية أو التغلب على البناء المزدوج للبناء.

يوفر عنصر التحكم في WebView مزايا مهمة على IFRAMES ، بما في ذلك تحسين التعامل مع أحداث تحميل الإطار وتحميل المستندات. توفر العلامة x-ms-webview إمكانات فريدة مثل تعزيز الوصول إلى المحتوى المحلي ووظائف الشاشة. يقوم المتصفح الناتج بالاستفادة من نظام الويب نفسه مثل Microsoft Edge.

احصل على نموذج رمز:

يتوفر رمز المصدر الكامل على Github. يمكنك أيضًا تجربة المتصفح مباشرة عن طريق تثبيت التطبيق من متجر Windows أو نشر حل Visual Studio.

يعرض هذا المشروع سهولة إنشاء متصفح ويب وظيفي مع تقنيات الويب القياسية والتحكم في WebView. تشجع Microsoft المزيد من الاستكشاف لتطوير Windows 10.

موارد تطوير الويب الإضافية:

هذه المقالة جزء من سلسلة من Microsoft تركز على JavaScript العملي ، ومشاريع المصادر المفتوحة ، وأفضل الممارسات التوافق بين المتصفح. استفد من هذه الموارد لتعزيز مهارات تطوير الويب الخاصة بك:

• dev.modern.ie: يقدم Budap ، يوفر أجهزة افتراضية لـ Mac و Linux و Windows واختبار عن بُعد لـ Microsoft Edge. يتضمن مختبر ترميز github على اختبار المتصفح المتقاطع.
• يوفر Microsoft Edge Web Summit 2015: معلومات متعمقة عن المتصفح الجديد ، ومعايير منصة الويب المدعومة ، والرؤى من مجتمع JavaScript.
• موارد إضافية: استكشاف مقالات حول تقنيات JavaScript المتقدمة ، ومحرك تقديم Edge ، و WebGL ، وتطبيقات الويب المستضافة ، والمزيد (روابط لمقالات محددة تم حذفها للإيجاز).
أدوات متقاطعة:
• استخدم رمز الاستوديو البصري (متوفر لـ Linux و MacOs و Windows) و Azure (متاح مجاني متاح).

تتناول الأسئلة الشائعة التالية أسئلة شائعة حول بناء المتصفحات باستخدام EdgeHTML و JavaScript:

ما هو edgehtml؟
• edgehtml هو محرك المتصفح الخاص بـ Microsoft ، شوكة من ترايدنت ، يقدم دعم المعايير الحديثة ، وتحسين الأداء ، والأمان المحسّن. كيف يختلف Edgehtml عن محركات أخرى؟
• هل يمكنني استخدام محركات أخرى؟ المتطلبات الأساسية؟
• معالجة إدخال المستخدم؟ استخدم مستمعي أحداث JavaScript لإجراءات المستخدم (نقرات ، إدخال نص ، إلخ.).
• إضافة مرة أخرى/إلى الأمام/تحديث؟ تخصيص المظهر؟
استخدم CSS لأسلوب عناصر المتصفح.
• تصحيح الأخطاء؟ استخدم أدوات مطور Edge.
• مكتبات الطرف الثالث؟ استخدم مكتبات متوافقة. التوافق المتقاطع؟ يتطلب تطوير المنصات المتقاطع محركًا عبر المنصات.
• تحافظ هذه الاستجابة المنقحة على معنى المحتوى الأصلي مع تحسين قابلية القراءة والهيكل. كما أنه يتكثف بعض الأقسام من أجل الوصول.