HTML5 LocalStorage للأصول (أوراق الأنماط ، JavaScript ، الصور وما إلى ذلك)

Question

لحفظ كل من وقت تنزيل العميل واستخدام الشبكة ، هل من الممكن استخدام ميزة LocalStorage في HTML5 لتخزين محتويات أوراق الأنماط المرتبطة وملفات JavaScript والبيانات الثنائية (على سبيل المثال الصور) ، بدلاً من الوصول إلى الخادم في كل مرة؟

هل سيؤدي ذلك إلى تعقيد الأشياء - بما أنني أفترض أنه سيتعين عليك إضافة الأصل المرتبط عبر JavaScript بدلاً من مجرد أ script أو link العنصر ، كسر الصفحة لأولئك الذين ليس لديهم تمكين JavaScript)؟ ما لم تتمكن من تحليل المحتوى (باستخدام HEAD طلب التحقق من آخر تاريخ تم تعديله ورؤوس أخرى) قبل تنزيل المتصفح.

أو الأفضل فقط للالتزام 304 Not Modified و eTag الرؤوس؟

Answer 1

أعتقد أنه في هذه الحالة يجب أن تفكر في التخزين المؤقت في وضع عدم الاتصال:

• https://developer.mozilla.org/en/offline_resources_in_firefox#specifice_a_cache_manifest

يمكنك أيضًا تخزين بيانات إدخال المستخدم في LocalStorage أو SessionStorage:

• https://developer.mozilla.org/en/dom/storage#sessionstorage
• https://developer.mozilla.org/en/dom/storage#localstorage

لا تستخدم GlobalStorage (ليس معيارًا).

لقد كتبت مقالًا عن الاتصال بالإنترنت ، انظر: http://hacks.mozilla.org/2010/01/offline-web-applications/

إنه يتعلق بالإنترنت ، ولكن يمكن استخدام هذه الآلية لتعزيز تطبيق الويب الخاص بك.

Answer 2

يمكنك Base64 تشفير صورتك/بياناتك الثنائية وتخزينها كسلسلة في LocalStorage ، باستخدام عناوين URL BASE64 لا يعمل في عدد قليل من المتصفحات ، لذا فهو ليس حلاً مثاليًا.

سيكون CSS و JS على ما يرام ، يمكنك كتابتها في الصفحة ، أو استخدام عنوان URL BASE64 أيضًا.

لن تقلق بشأن القيام بهذا كسر الموقع لمستخدمي غير JS ، كما هو معطل JS لا يمكنك الوصول إلى LocalStorage على أي حال.