مضيفا مسج موبايل لصفحات الويب الخاص بك
هناك طريقتان لإضافة مسج موبايل لموقع الويب الخاص بك. تستطيع:
- رابط إلى مكتبة مسج موبايل المخزنة في كندي (موصى به)
- رابط إلى مكتبة مسج موبايل المخزنة في جهاز الكمبيوتر الخاص بك
تصل إلى مسج موبايل من كندي
ويستخدم كندي (شبكة توصيل المحتوى) لتوزيع الملفات التي غالبا ما تستخدم في جميع أنحاء شبكة الإنترنت.
وهذا يجعل سرعة التحميل أسرع بكثير للمستخدم.
كما هو الحال مع مسج الأساسية، لا يوجد شيء لتثبيت على جهاز الكمبيوتر الخاص بك؛ قمت بتضمين فقط الأنماط التالية (.css) ومكتبات جافا سكريبت (.js) مباشرة إلى صفحة HTML، للحصول على مسج موبايل للعمل:
مسج موبايل كندي:
<head>
<!-- Include meta tag to ensure proper rendering and touch
zooming -->
<meta name="viewport" content="width=device-width,
initial-scale=1">
<!-- Include jQuery Mobile stylesheets -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<!-- Include the jQuery library -->
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- Include the jQuery Mobile library -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
انها محاولة لنفسك » إطار العرض <meta> العلامة داخل <head> يحدد العنصر كيف المتصفح يجب السيطرة على مستوى التكبير الصفحة والأبعاد.
و width=device-width يحدد عرض الصفحة لمتابعة الشاشة عرض الجهاز (والتي سوف تختلف اعتمادا على الجهاز).
و initial-scale=1 تعيين مستوى التكبير الأولي عند تحميل الصفحة الأولى من قبل المتصفح.
تصل إلى مسج موبايل مخزنة في جهاز الكمبيوتر الخاص بك
إذا كنت ترغب في استضافة مكتبة مسج موبايل نفسك، يجب أولا تحميل البرنامج من jQuerymobile.com .
قم بإضافة التعليمات البرمجية التالية إلى الصفحة:
<head>
<meta name="viewport" content="width=device-width,
initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.css">
<script src="jquery.js"></script>
<script src="jquery.mobile-1.4.5.js"></script>
</head>
نصيحة: ضع الملفات التي تم تحميلها في نفس الدليل على الصفحات التي ترغب في استخدامها.
هل نتساءل لماذا ليس لدينا type="text/javascript" داخل <script> العلامة؟
هذا غير مطلوب في HTML5. جافا سكريبت هي لغة البرمجة الافتراضية في HTML5 وفي جميع المتصفحات الحديثة!