التعليق: اليوم يدور محتوىنا حول كيفية إنشاء تطبيقات الويب دون اتصال بالإنترنت. الميزة هي أنه يسمح للمتصفح بتنزيل موارد الويب التي حددناها حتى يتمكن المستخدمون من استخدام موقعنا بشكل طبيعي أثناء الاتصال بالإنترنت.
اليوم يدور محتوىنا حول كيفية إنشاء تطبيقات الويب دون اتصال بالإنترنت. الميزة هي أن المتصفح يمكنه تنزيل موارد الويب التي حددناها حتى يتمكن المستخدمون من استخدام موقعنا بشكل طبيعي أثناء الاتصال بالإنترنت.
1. تحديد البيان
نحن نستخدم البيان لسرد الموارد التي تحتاج إلى الوصول إليها عند الاتصال بالإنترنت. إنه في حد ذاته ملف من نوع النص. غالبًا ما يكون السطر الأول من البيان ذاكرة التخزين المؤقت ، ثم سرد الموارد التي نحتاجها ، واحدة لكل سطر. لا توجد قواعد تسمية ثابتة للملفات ، ولا توجد متطلبات لأسماء اللاحقة. المطلب الوحيد هو تحديد أسماء اللاحقة على جانب الخادم كنوع MIME من النص/ذاكرة التخزين المؤقت.
إذا كان خادم IIS 7 ، اتبع الخطوات أدناه:
1. على سبيل المثال ، إذا كانت اللاحقة هي .appcache ، افتح IIS7 وحدد عقدة الجذر (سيتم مورثها من جميع المواقع ، ويمكن أيضًا تكوينها لموقع واحد) ؛
2. انقر نقرًا مزدوجًا فوق نوع MIME على اليمين ؛
3. انقر بزر الماوس الأيمن لإضافة نوع MIME ، بحيث يتم الانتهاء من التكوين.
بعد اكتمال تكوين الخادم ، أضف ملف البيان.
بيان ذاكرة التخزين المؤقت
manceestfile.html
IMG/1.JPG
IMG/2.JPG
IMG/3.JPG
ثم دعونا نلقي نظرة على المثال التالي.
<! doctype html>
<html manceest = "manceest.appcache">
<head>
<title> مثال </title>
<style>
IMG
{
الحدود: أسود مزدوج متوسط ؛
الحشو: 5 بكسل ؛
الهامش: 5px ؛
}
</style>
</head>
<body>
<img src = "img /1.jpg" />
<viv>
<NUNTY> CAR1 </Unter>
<NUNTY> CAR2 </utton>
<NUNTY> CAR3 </utton>
</div>
<script>
أزرار var = document.getElementsByTagName ('button') ؛
لـ (var i = 0 ؛ i <buttons.length ؛ i ++) {
الأزرار [i] .onclick = handbouttonpress ؛
}
وظيفة handlebuttonpress (e) {
document.getElementById ('imgtarget'). src = 'img/' + e.target.id + '.jpg' ؛
}
</script>
</body>
</html>
عند تشغيل البرنامج ، بناءً على المتصفح ، ستسألك بعض المتصفحات ما إذا كنت تسمح بحفظ البيانات غير المتصلة بالإنترنت محليًا ، ولن يفعل ذلك. يتم إنشاء هذا التطبيق البسيط دون اتصال.
2. إجابات على الشكوك
واجهت أيضًا بعض المشكلات والشكوك عند تعلم هذا الجزء من المعرفة ، مثل:
1. لماذا أقوم بتشغيل VS2010 مباشرة (بيئة التطوير الخاصة بي) والتطبيق غير المتصل لا يعمل بشكل صحيح؟
2. كيف يمكنني معرفة ما إذا كان التطبيق غير متصل تم إنشاؤه بنجاح؟
3. كيف أعرف ما إذا كان التطبيق الحالي غير متصل؟
4. بعد توقف خدمة IIS ، يجب أن تكون في وضع عدم الاتصال. لماذا أبلغ عن خطأ 404 عندما أقوم بتحديث الصفحة؟
الآن سأجيب على هذه الأسئلة التي واجهتها.
2.1. اشرح السؤال الأول أولاً. فيما يتعلق بهذه المشكلة ، فإن النقطة الرئيسية هي كيفية تكوين عنصر تكوين ويب التطبيق الخاص بك. إذا كنت تستخدم شكل خادم VS Development ، فلن يكون لدينا أي طريقة لتعيين نوع MIME لذلك ، لذلك في هذه الحالة لا يمكن استخدام تطبيقنا دون اتصال. لطريقتي تكوين الويب المتبقية ، طالما أنك تتبع طريقة نوع MIME التي قدمتها أعلاه لتكوين خادم IIS ، سيتم تشغيل تطبيقك غير المتصل بشكل صحيح.
2.2. تم شرح المشكلة الثانية أدناه. نحتاج هنا إلى استخدام أداة تصحيح الأخطاء لمتصفح Chrome ، واستخدام متصفح Chrome لفتح برنامج الويب الخاص بنا ، واضغط على F12 ، والتبديل إلى علامة التبويب "الموارد". طالما تم العثور على معلومات التكوين الخاصة بنا ضمن ذاكرة التخزين المؤقت للتطبيق ويمكن العثور على الملف المخبوق ، فإنه يثبت أنه تم إنشاء تطبيقنا غير متصل بنجاح.
2.3. أو استخدم أداة تصحيح الأخطاء في Chrome ، أو في علامة التبويب "الموارد" ، لاحظ أن الملف الأحمر يعيش في المكان ، عبر الإنترنت يعني عبر الإنترنت.
افصل كبل الشبكة وعرضه في وضع عدم الاتصال ، وهو ما يعني عدم الاتصال بالإنترنت. في هذا الوقت ، يمكن عرض تأثير التطبيق دون اتصال.
2.4. فيما يتعلق بالسؤال الأخير ، ما زلنا بحاجة إلى استخدام أداة تصحيح الأخطاء لمتصفح Chrome. عندما نتوقف عن خدمة IIS ، فإننا ننظر إلى عرض علامة تبويب الموارد. لا يزال متصلاً بالإنترنت ، لكنه يتحول من الخمول إلى العجلة في وقت لاحق. وهذا ما يفسر أيضًا لماذا لا يمكن عرض التأثير غير المتصل بالتطبيق غير المتصل عند توقف IIS المحلي.
هذا هو محتوى هذا القسم.