Microsoft Edge يعتمد Chromium: ما يحتاج مصممو الويب إلى معرفته

يعد Internet Explorer من Microsoft أحد أكبر الميمات على الإنترنت. إنها أيضًا لعنة العديد من مصممي الويب ، حيث إن التكنولوجيا المقدمة حديثًا غير مدعومة ببساطة. عندما أعادت Microsoft تسمية IE إلى Microsoft Edge ، كان هناك أمل في أن تلك الأيام كانت في نهايتها. أن متصفح Windows الافتراضي سوف يعتمد التقنيات الحديثة بسهولة ، وسيكون للويب نظام أساسي معياري لائق. هذا لم يحدث. ومع ذلك ، في أواخر عام 2018 ، أعلنت MS أنها ستتغير: كانت Edge تعتمد محرك Chromium كأساس.

Microsoft Edge Chromium؟ ما هي الصفقة الكبيرة؟

حتى كتابة هذه السطور ، يمكنك تنزيل بنية معاينة Edge تتضمن قاعدة Chromium. إنها قاعدة مطوّرة وليست مخصصة للقيادة اليومية كمتصفح ، ولكن يمكنك فعل ذلك لأولئك منكم الذين يتوقون لتخليص نفسك من Edge الحالي. ومع ذلك ، فهي عظام عارية جدًا في المراحل المبكرة. مع تقدم عام 2019 ، سيتم تحديث متصفح OEM كالمعتاد ليشمل Chromium.

كل هذا رائع. لكن ما هي الصفقة الكبيرة ، تسأل؟ حسنًا ، الإجابة على هذا ثلاثة أضعاف.

1. مايكروسوفت تتبنى المصدر المفتوح

لقد رأينا مؤخرًا مؤشرات متعددة على انتقال Microsoft من نموذج الملكية الخاص بالماضي إلى عالم البرمجيات مفتوحة المصدر. لقد كانوا يتحركون في هذا الاتجاه منذ أن اشتروا GitHub وبدأوا في تحسين محرر أكواد Atom ، وربما الأهم من ذلك مع إصدار Visual Studio Code ، الذي ربما يكون المحرر الأكثر شعبية بين المطورين هذه الأيام. بالإضافة إلى ذلك ، تم إصدار Visual Studio IDE الخاص بهم كتنزيل مجاني ، إذا لم يكن VS Code قويًا بما يكفي بالنسبة لك.

ستؤدي إضافة Edge إلى ساحة المصدر المفتوح فقط إلى الحصول على منتج أقوى للمستهلكين. وضعت مايكروسوفت ذلك جيدًا في هذا البيان.

لقد بدأنا أيضًا في تقديم مساهمات مرة أخرى إلى Chromium في مجالات مثل إمكانية الوصول واللمس و ARM64 وغيرها. خطتنا هي مواصلة العمل في Chromium بدلاً من إنشاء مشروع موازٍ. نحن نعمل مباشرة مع الفرق في Google ، ونتطلع إلى المزيد من العمل مع مجتمع المصادر المفتوحة.

من الجيد أن تسمع أن Microsoft تعمل مع Google على Chromium بدلاً من تفرغها لتحقيق أهدافها الخاصة. ومع تقدم المشروع ، سيصبح تصميم Chromium وتصميم الويب ككل أكثر قوة وانفتاحًا.

2. تجزئة أقل ، ميزات أكثر

كما ذكرنا أعلاه ، ستجلب ميزة Edge التي تعتمد على Chromium ميزات وتقنيات تم استبعادها سابقًا من المتصفح. بالنسبة للمستخدم ، يعني هذا تجربة أفضل على جميع مواقع الويب تقريبًا حيث ستعمل الأشياء فقط بدلاً من تلقي رسائل خطأ أو أعطال. بالنسبة للمطورين ، هذا يعني مرة أخرى أن عملهم لن ينهار على المستخدمين ، ولكن أيضًا يمكن قضاء وقتهم بشكل أفضل في مشاريع جديدة ومنتجات أفضل بدلاً من إصلاح الحلول المتسللة وتجهيزها لجعل الأشياء تعمل على IE / Edge.

هذا النوع من الأشياء هو بالضبط سبب حصولنا على ترقية Microsoft Edge Chromium. لقد ذكروا على وجه التحديد أن هدفهم هو "إنشاء توافق أفضل على الويب لعملائنا ، وتقليل تجزئة الويب لجميع مطوري الويب."

تقليل التجزئة يعني ببساطة استخدام أكثر اتساقًا للويب. سيعني ذلك أيضًا أنه يمكن للمستخدمين (نأمل) استخدام الإضافات والوظائف الإضافية دون (الكثير) من العمل الإضافي من المطورين.

نحن نضمن أنهم سيشاهدون نفس التوافق في متصفح Edge دون عمل إضافي.

هذه الأخبار ضخمة للأشخاص الذين يريدون خيارًا لعدم استخدام Chrome بسبب مشكلات الأمان ونقص الخصوصية. لا يزال هؤلاء الأشخاص يرغبون في الحصول على أفضل تجربة ممكنة على الويب وأكثرها اتساقًا. نظرًا لأن التجزئة في حدها الأدنى ، يرتفع الأمان لأن احتمالية وجود أخطاء ونقاط ضعف خاصة بالمنصة تقل بهامش كبير.

3. احصل على مجموعة مجانية لمصممي الويب

حتى هذا الإصدار ، كان مصممو الويب مقيدين بعدة طرق. بينما عمل الكثير منكم على السحر الخاص بك دون أن تقيد نفسك بالضرورة بناءً على IE ، يمكن لزوار عملائك بسهولة كبح جماح نطاقات مشروعك.

الوجبات الجاهزة الرئيسية لمصممي الويب والمطورين

ينفتح عالم تطوير وتصميم الويب كثيرًا مع اعتماد Chromium ، ونريد أن نذكر فقط عددًا قليلاً من الأشياء المفتوحة التي ستكون قادرًا على الاستفادة منها وليس عليك إنشاء حلول بديلة لها أو تجنب تماما. يحتوي CSS-Tricks على ملخص شامل لما يمكن أن يتطلع إليه مطورو الواجهة الأمامية ، ولكن هذه بعض النقاط البارزة.

يعمل CSS في وضع المزج في الخلفية

التدرجات واللون الثنائي حار جدًا وعصري في الوقت الحالي. وإحدى أسهل الطرق لاستخدامها هي باستخدام CSS في وضع مزيج الخلفية . حتى إصدار Chromium هذا من Edge ، لن يتم عرض التأثير ببساطة على متصفحات Microsoft. مهما كانت الصورة التي كنت تمزجها فستكون بدلاً من ذلك كاملة الألوان وربما تدمر المظهر العام الذي كنت تمزج نحوه. هذه ليست مشكلة بعد الآن. إذا كنت تستخدم أدوات إنشاء الصفحات مثل Divi ، فسيسعدك معرفة أن تأثيرات المزج المضمنة فيها ستظهر أيضًا ، لذلك لن تضطر إلى البحث في أوراق الأنماط إلا إذا كنت تريد ذلك تمامًا.

حافة فهم رموز الألوان السداسية مع الشفافية (أخيرًا)

لذا فهذه ليست ميزة جديدة مذهلة بقدر ما هي تحسين لجودة الحياة في كل مكان. وبالنسبة لبعض الناس ، قد لا يكون هذا مهمًا على الإطلاق. هؤلاء الأشخاص هم أشخاص لا يمانعون في كتابة الألوان كـ rgba (255 ، 255 ، 255 ، .45) بدلاً من # ffffff45 . إذا كنت (مثل كثير من الناس) تفضل الألوان السداسية ، فأنت محظوظ. ستتمكن أخيرًا من البدء في استخدام النمط الذي تريده والحفاظ على أوراق الأنماط الخاصة بك منظمة ومرتبة.

في الأساس ، يمكنك تضمين الشفافية في شكل سداسي عشري يتم عرضه في Edge مع هذا التغيير (لاحظ 45 في نهاية المثال أعلاه ، مما يشير إلى شفافية بنسبة 45٪) ، مما يعني عدم وجود المزيد من CSS للمزج والمطابقة. كما قلنا ، إنها ميزة جودة الحياة.

سيتم عرض اتجاه النص ووضع الكتابة في CSS

لم تكن تقنية CSS المتقدمة أبدًا هي البديل القوي لشركة Edge. في الواقع ، لم تكن حتى بدلة ضعيفة. لم يكن في خزانة إيدج على الإطلاق. إذا كنت من المطورين الذين يرغبون في الاستفادة من CSS المتقدمة التي تتجاوز حتى ما يمكن لمنشئي الصفحات مثل Divi القيام به (وهذا ليس كثيرًا ، باعتراف الجميع) ، فأنت تشعر بالإحباط باستمرار من Microsoft Edge و Internet Explorer. لأنهم لن يعملوا مع بعض الأشياء. كان هذا في الماضي الآن بعد أن أصبح Chromium تحت الغطاء ، وأحد تأثيراتنا المفضلة (حسنًا ، اثنان منهم ، تقنيًا) هو اتجاه النص / وضع الكتابة .

قمنا بعمل منشور منذ فترة على جانبي ونص عمودي. حتى هذا التحديث ، كان من المستحيل إظهار الكود التالي (وبالتالي التأثير في المنشور) في Edge.

.sideways-text {
transform: rotate(90deg); /* makes entire paragraphs and lines rotate sideways */
}
 
.vertical-yellow {
text-orientation: upright; /* makes individual characters stand upright, not whole lines like transform: rotate */
writing-mode: vertical-lr; /* continues left-to-right at line break */
color: yellow;
font-size:2rem; /* this will make the body text twice the relative size of the default set for the whole site */
line-height: 200%; /* line height is VISUALLY line-width when it's vertical */
text-transform: uppercase;
font-family: monospace; /* this just pretties up the whole deal, making all characters the same width */
}
 
.vertical-white {
text-orientation: upright;
writing-mode: vertical-lr;
color: white;
font-size:2rem;
line-height: 200%;
text-transform: uppercase;
font-family: monospace;
}

دعونا نفرح لأن هذه الأنواع من التأثيرات والتقنيات المتقدمة لم تعد تعوقها The Powers That Be.

استيراد الإشارات المرجعية القياسية وملحقاتها

نعم ، لقد قرأت ذلك بشكل صحيح. ستدعم Edge الامتدادات. وستتمكن Edge من استيراد إشاراتك المرجعية من Chrome بنقرة واحدة فقط. لا يؤدي هذا فقط إلى تسهيل عملية المبادلة إذا كنت تخطط للقيام بذلك ، ولكنه يمنحك الوصول إلى نفس الأدوات القوية التي تستخدمها بالفعل.

يستخدم عدد من مصممي الويب الإضافات لتسهيل حياتهم. ربما تكون أداة قطارة لونية بحيث يمكنك الحصول على سداسي اللون المثالي من موقع ويب (والذي يمكنك استخدامه الآن في Edge أيضًا!) ، أو مسطرة للحصول على الحجم المناسب أو أداة التقاط الخط. ربما يكون لديك كل شيء في هذه القائمة مثبتًا ، ولا تريد ترك Chrome لمجرد ذلك.

حسنًا ، يمكنك الآن.

لأنه على الرغم من أن Edge يعتمد على Chromium ، إلا أنه ليس Chrome . لا يزال أحد منتجات Microsoft ، وهذا يعني أنك ستحصل على جودة البرامج التي أعادوا بناء سمعتهم عليها. ليس ممثل Google دائمًا في النطاق المتوسط.

احفظ مواقع الويب بتنسيق HTML

حتى ترقية Chromium ، لا يمكنك حفظ صفحات الويب بتنسيق HTML. كانت قائمة سياق النقر بزر الماوس الأيمن ... محدودة ، على أقل تقدير.

مع محرك Chromium ، لم يعد الأمر كذلك. تحصل على قائمة سياق حقيقية ، أخيرًا.

ما عليك سوى الضغط على "حفظ باسم ..." ويمكنك الحصول على نسخة محلية من هذا الموقع للتحقق منها والتلاعب بها حتى تتمكن من التأكد من أن كل عنصر هو بالضبط كيف يجب أن يكون.

الحديث عن العناصر كيف ينبغي أن تكون ...

تسمح الحافة أخيرًا بفحص الصفحة

هذا هو الشيء الكبير لمصممي الويب. كان العمل في Edge سابقًا شبه مستحيل ، ليس بسبب نقص دعم الميزات (على الرغم من أهمية ذلك كثيرًا) ، ولكن لأنك لا تستطيع الحفر تحت غطاء المحرك وفحص العناصر الفردية لتصحيح الأخطاء واستكشاف الأخطاء وإصلاحها. لا يمكنك تعديل عملك وضبطه جيدًا لأنه لا يمكنك الوصول إلى عملك بسهولة.

لم يعد هذا هو الحال. لذلك يبتهج مصممو الويب. يمكنك أخيرًا استخدام JS Console ، واللعب باستخدام أوراق أنماط CSS ، والنكز على العناصر التي ترضي محتوى قلبك.

التصفح الخاص هنا

يتيح لك كل متصفح تقريبًا تشغيل الصفحات في نافذة خاصة نظيفة بدون سجل محفوظات. باستثناء Edge. مرة أخرى ، مع Chromium ، سيتمكن المصممون من فتح عملهم ومعرفة كيفية عرضه للمستخدمين دون تسجيل الخروج ، ومسح ذاكرة التخزين المؤقت وملفات تعريف الارتباط ، والقفز عبر عشرات الحلقات. لدينا الآن إمكانية الوصول إلى نوافذ InPrivate التي تتطابق وظيفيًا مع علامات تبويب التصفح المتخفي في Chrome. فقط انقر بزر الماوس الأيمن ، وستكون هناك.

تعد القدرة على اختبار التصميم النظيف على الفور أمرًا ضروريًا لمصممي الويب الذين يحتاجون إلى الحصول على بكسل عمل مثالي. هذه الميزة تمنع الكثير من المصممين من العمل في Edge على وجه التحديد لأنه من الصعب جدًا عدم استخدام نافذة خاصة. إذا كنت من المصممين الذين يفتحون العشرات والعشرات منهم يوميًا ، فقد تفاجأ بمدى ملاءمة Edge لسير عملك.

وأكثر من ذلك بكثير

هذه مجرد غيض من فيض. وهذه مجرد عينة صغيرة من الميزات التي ستتيح لمصممي الويب الوصول إليها باستخدام Chromium في Edge.

• سيتم دعم flat () و flatMap () في Edge
• يمكن استيراد وحدات JavaScript الديناميكية (أخيرًا)
• تصميم نص العنصر النائب باستخدام CSS
• عرض: المحتويات متاحة الآن لمستخدمي شبكة CSS و flexbox
• ستجعل TextEncoder و TextDecoder عرض البث المباشر أفضل بكثير

في الأساس ، فكر في الأمر على هذا النحو : أي شيء يمكن أن يفعله Chrome ، يمكن لـ Edge فعله أيضًا . أليست هذه فكرة رائعة؟

الميزات الخاصة بـ Microsoft Edge Chromium

لا تأخذ Microsoft Chromium فقط وتستبدل Edge به. إنهم يضيفون ميزاتهم الخاصة هناك أيضًا.

1. Chrome Security

سيتأكد المستخدمون من أنهم محميون بنفس أنواع إجراءات الأمان التي يتمتع بها مستخدمو Chrome (خاصة تلك عبر الإضافات). بالإضافة إلى ذلك ، تقدم Microsoft مجموعة من إجراءات الأمان الجديدة وأدوات حظر التتبع للمتصفح. سيتمكن المستخدمون من تحديد مستوى الحماية المفضل لديهم ، من عدم وجود حماية على الإطلاق إلى تأمين صارم للغاية. تقول Microsoft إنها تريد أن تجعل حماية خصوصيتك واضحة وسهلة وبسيطة للمستخدمين. تبدو العديد من حلول الأمان معقدة للغاية بالنسبة للمستخدمين ، ومع انتشار Edge في كل مكان ، تعد هذه خطوة جيدة يجب اتخاذها.

2. مجموعات جديدة

بالإضافة إلى ذلك ، ستسمح قاعدة Chromium لـ MS بتقديم ميزة يطلقون عليها اسم "المجموعات" والتي ستسمح للمستخدمين بجمع (من الواضح) المحتوى من الإنترنت ، بما في ذلك النصوص والصور ، حتى يتمكنوا من مشاركتها وتنظيمها. إنهم يستخدمون قاعدة Chromium للاحتفاظ بمصادر المواد في متناول اليد ، بالإضافة إلى التصدير إلى مجموعة MS Office والحفاظ على بنية البيانات لمعالجتها لاحقًا.

3. مضاهاة IE

ثم هناك قطعة المقاومة : محاكي Internet Explorer مدمج فيه. نعم ، لقد قرأت ذلك بشكل صحيح. سيكون Microsoft Edge Chromium الجديد مزودًا بـ IE مدمج فيه. قد يبدو الأمر متخلفًا بعض الشيء ، لكنه في الواقع شيء من الجمال. من خلال التبديل إلى Chromium ، تبتعد Edge عن قيود IE ، مما يتيح للمطورين والمستخدمين تجربة أفضل للمضي قدمًا. لكن تلك المواقع القديمة المصممة خصيصًا لـ IE؟ حسنًا ، سوف ينكسر هؤلاء. ولا تزال العديد من الشركات تستخدم IE ، لذا فإن وجود محاكي داخلي لعرض هذه التطبيقات والصفحات يعني أن الشركات لن تحتاج إلى التردد في الترقية لأنه لن يكون هناك انقطاع في سير العمل أو الخدمات (أو الحاجة إلى تدريب إضافي أو ترقيات - حتى الآن). إنها حقًا لمسة رائعة من قبل الفريق الانتقالي.

المستقبل مشرق

نأمل أن يكون هناك يوم في المستقبل القريب لا يكون فيه مستعرض Microsoft هو العبء الأكبر للنكات. نريد حقًا أن يكون هذا الانتقال إلى محرك Chromium ناجحًا ويساعد في الدخول في عصر التوحيد القياسي عبر الويب. سيكون مفيدًا للمستخدمين والمصممين والمطورين ، وإذا تم التعامل معه بشكل صحيح (والذي يبدو كما لو كان كذلك) ، يمكن أن ينفتح الإنترنت لكثير من الناس بسبب هذا التحول. ويمكن أن يجعل حياة الكثير من المصممين أسهل أيضًا.

ما رأيك في Microsoft Edge Chromium؟

المادة مميزة صورة من ProStockStudio / shutterstock.com