مقدمة
تضيف لغة HTML5 العديد من الأدوات الرائعة الجديدة إلى مجموعة أدوات مطوّري الويب، بما في ذلك ما يلي:
- واجهات برمجة تطبيقات JavaScript جديدة وأكثر فعالية
- تنسيق SVG للرسومات المتجهّة
- لوحة للرسومات ثنائية الأبعاد ورسومات WebGL ثلاثية الأبعاد
- CSS3 للزوايا المستديرة والتدرّجات وغير ذلك
- ترميز أكثر تعبيرية
هذه القائمة ليست شاملة بالطبع، فقد شهدت منصة الويب تطورًا كبيرًا، وتتزايد الفجوة بين المتصفّحات القديمة والحديثة كل يوم.
تتوافق الآن أجزاء كبيرة من HTML5 مع أحدث إصدار من كل متصفح رئيسي مخصّص لأجهزة الكمبيوتر المكتبي، ولكنّ استخدام المتصفحات القديمة يشكّل تحديًا في استخدام أحدث الميزات الرائعة المتاحة اليوم.
يمكن أن يساعدك إطار Google Chrome في إنشاء صفحات HTML5 حديثة اليوم مع السماح للمستخدمين الذين يستخدمون متصفحات قديمة بالاطّلاع على المحتوى الخاص بك.
ما هو إطار Google Chrome؟
Google Chrome Frame هو مكوّن إضافي لمتصفّح Internet Explorer يتيح عرض لوحة المتصفّح الكاملة باستخدام محرّك عرض Google Chrome. وهو متوافق مع جميع ميزات HTML5 المتوفّرة في Chrome ويتكامل بسلاسة مع تجربة مستخدم Internet Explorer. يتوفّر Chrome Frame لإصدارات Internet Explorer 6 و7 و8 و9. إنّ Chrome Frame مفيد بالتأكيد عند استخدام متصفّح قديم، مثل IE6 إلى IE8، ولكن إذا كنت بحاجة مثلاً إلى WebGL لتطبيقك، قد يكون استخدام Chrome Frame لمستخدمي IE9 مفيداً أيضًا.
توفّر الرموز البرمجية polyfills لـ HTML5 طريقة أخرى لتسهيل الانتقال إلى المتصفّحات الأحدث. ومع ذلك، لا يمكنها محاكاة كل الميزات، كما تبطئ صفحتك في المتصفّحات القديمة التي هي بدورها أبطأ من الجيل الجديد.
حتى إذا لم يكن موقعك الإلكتروني بحاجة إلى ميزات HTML5، يمكن أن يقدّم استخدام Chrome Frame تجربة أفضل للمستخدمين. بالنسبة إلى المستخدمين الذين سبق لهم تثبيته، يكون الأداء أسرع بشكل عام ويمكنهم الوصول إلى الميزات غير المتاحة في المتصفّحات القديمة. يمكنك بالطبع مواصلة إتاحة المتصفّحات القديمة للمستخدمين الذين لا يتوفّر لديهم Chrome Frame على أجهزتهم.
التفعيل
يمكنك تفعيل Chrome Frame لعرض صفحة من خلال إضافة علامة وصفية HTML أو استخدام عنوان HTTP. هذا مهم جدًا. وهذا يعني أنّه لن يتعطّل أي موقع إلكتروني إذا كان لدى المستخدم تطبيق Chrome Frame مثبّتًا، لأنّ الموقع الإلكتروني يتحكّم بشكل كامل في استخدام المكوّن الإضافي أو عملية المعالجة الافتراضية. توضِّح المقتطفات التالية من الرموز البرمجية كيفية تفعيل عرض المحتوى على موقع إلكتروني باستخدام Chrome Frame.
الخيار 1: عنوان HTTP (يمكنك إضافته إلى إعدادات خادم HTTP (مثل Apache)):
X-UA-Compatible: chrome=1
الخيار 2: العلامة الوصفية (ما عليك سوى لصق هذا الرمز في قسم <head> في ملف HTML)
<meta http-equiv="X-UA-Compatible" content="chrome=1">
بعد إضافة أحد هذين المكوّنين إلى موقعك الإلكتروني، يتم عرض الصفحات باستخدام Chrome Frame إذا كان مثبّتًا على جهاز المستخدم.
طلب استخدام إطار Google Chrome
يمكنك أن تقرّر إيقاف استخدام المتصفحات القديمة نهائيًا لعدة أسباب، بما في ذلك ما يلي:
- إذا كان موقعك الإلكتروني يتطلب ميزات حديثة، مثل فيديو HTML5 أو لوحة الرسم أو WebGL أو CSS3
- وقت التطوير الذي تمّ إنفاقه على المتصفّحات القديمة مرتفع جدًا
- تسريع وقت تطوير الميزات الجديدة
قد يوفّر Chrome Frame استراتيجية لمواصلة منح مستخدمي المتصفّحات القديمة طريقة لاستخدام موقعك الإلكتروني.
يُرسِل Chrome Frame معلومات توفّره من خلال إضافة سلسلة chromeframe إلى عنوان User-Agent الخاص بالمضيف. لمزيد من المعلومات، يُرجى الاطّلاع على وكيل مستخدم Chrome Frame.
استخدِم ميزة الكشف من جهة الخادم للبحث عن هذا الرمز المميّز وتحديد ما إذا كان يمكن استخدام Chrome Frame في إحدى الصفحات. إذا كان Chrome Frame متوفّرًا، يمكنك إدراج العلامة الوصفية المطلوبة، وإذا لم يكن متوفّرًا، يمكنك إعادة توجيه المستخدمين إلى صفحة توضّح كيفية تثبيت Chrome Frame. كبديل عن التقاط البيانات من جهة الخادم، يمكنك استخدام النص البرمجي CFInstall.js لرصد Chrome Frame وطلب تثبيت المكوّن الإضافي من المستخدمين بدون إعادة تشغيل المتصفّحات. إنّ استخدام النص البرمجي سهل للغاية. ما عليك سوى إضافة علامات النصوص البرمجية والأنماط الاختيارية إلى صفحتك كما هو موضّح في المثال التالي:
<html>
<body>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<style>
/*
CSS rules to use for styling the overlay:
.chromeFrameOverlayContent
.chromeFrameOverlayContent iframe
.chromeFrameOverlayCloseBar
.chromeFrameOverlayUnderlay
*/
</style>
<script>
// You may want to place these lines inside an onload handler
CFInstall.check({
mode: "overlay",
destination: "http://www.waikiki.com"
});
</script>
</body>
</html>
توجيه نفسك
يمكنك أيضًا إنشاء صفحة مقصودة أو طبقة بنفسك. توجيه المستخدمين إلى عنوان URL هذا
http://www.google.com/chromeframe/
ويمكن وضعها في إطار IFRAME.
أضِف مَعلمة إعادة توجيه لإرسال المستخدمين مرة أخرى إلى موقعك الإلكتروني بعد اكتمال عملية التثبيت:
http://www.google.com/chromeframe/?redirect=http://www.google.com/ بدلاً من الانتقال إلى الصفحة المقصودة لتطبيق Chrome Frame، يمكنك أيضًا توجيه المستخدمين مباشرةً إلى اتفاقية المستخدم النهائي، ما يوفر خطوة واحدة في عملية التثبيت. http://www.google.com/chromeframe/eula.html
لا حاجة إلى امتلاك حقوق المشرف
يمكن للمستخدمين تثبيت Chrome Frame بدون امتلاك امتيازات إدارية على أجهزتهم.
يمكنك إلحاق المَعلمة user=true لتفعيل تثبيت Chrome Frame على مستوى المستخدم، كما هو موضّح في ما يلي:
http://www.google.com/chromeframe/?user=true
التثبيت في المؤسسة
يمكن للمؤسسات نشر Chrome Frame على مستوى الشركة باستخدام أداة تثبيت MSI التي يمكن تنزيلها من هنا: http://www.google.com/chromeframe/eula.html?msi=true.
لمزيد من المعلومات حول عمليات نشر Chrome والمؤسسات، يُرجى الانتقال إلى http://www.chromium.org/administrators.
الاستخدام
اعتمدت العديد من المواقع الإلكترونية الكبرى، مثل yahoo.com وwordpress.com والعديد من خدمات Google، استخدام Google Chrome Frame. بالإضافة إلى منح المستخدمين إمكانية الوصول إلى تجربة ويب أكثر حداثة في العديد من المواقع الإلكترونية، يقدّم Chrome Frame أيضًا تحسُّنًا كبيرًا في وقت التحميل الأولي. يمكنك التحقّق مما إذا كان Chrome Frame يساعد في عرض محتوى موقعك الإلكتروني بشكل أسرع من خلال الانتقال إلى webpagetest.org واختيار Chrome Frame كمتصفّح.
مزيد من المعلومات
لمزيد من المعلومات، يمكنك الاطّلاع على دليل البدء أو مشاهدة هذا الفيديو من Google IO 2011