صور خلفية CSS لا يتم تخزينها مؤقتًا بواسطة Firefox

Question

أنا أضيف ديناميكيا <link> علامات إلى الصفحة باستخدام Yui3 وهذا يعمل بشكل صحيح.

لأغراض الاختبار ، لديّ ملفان CSS متطابقان تقريبًا يتضمنان نفس صور الخلفية بالضبط ، ولكن عندما أقوم بتحميل ملف CSS الثاني ، يوضح Firebug أنه يتم تقديم المزيد من طلبات HTTP لنفس الصور في ملف CSS الأول.

JS

Y.one('head').appendChild(Y.Node.create('<link rel="stylesheet" id="' + cObject[target] + 'css' + '" type="text/css" href="css/' + c[target] + '.css" />'));

مثال CSS BG

background-image: url(../../img/layout/apic.png);

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

تحرير: يبدو أن الرؤوس على ما يرام ولكن هذا الخطأ قد يكون الجاني ... ما الذي يمكنني استخدامه في IE/Chrome/Safari لاختبار طلبات HTTP لمعرفة ما إذا كان FF فقط؟

Answer 1

ربما هي نفس المشكلة كما هو موضح هنا: ذاكرة التخزين المؤقت للمتصفح تم تجاوزها في Firefox؟

Answer 2

تحقق من رؤوس HTTP التي يتم إرسالها في استجابة الصورة.

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

تأكد من أنهم يتم تعيينهم/إرسالهم بشكل صحيح ، وأنك تعرف كيفية استخدامها.