। बटन { पृष्ठभूमि: url (../ images/button.png); }कैश किए गए चित्रों को फिर से पढ़ने के लिए ब्राउज़र को बल दें
समस्या: प्रदर्शन कारण के लिए सभी स्थैतिक सामग्री की समाप्ति शीर्षलेख है और ब्राउज़र द्वारा कैश किया गया है। जब छवि बदलती है तो उपयोगकर्ता को कैश रीफ्रेश करना चाहिए (IE में Ctrl + F5)। मैं छवियों को कैश करना चाहता हूं, लेकिन जब आवश्यक हो तो उन्हें स्वचालित रूप से पुनः लोड किया जाना चाहिए।
प्रश्न: अगला दृष्टिकोण 'मान्य' है?
.button {
background: url(../Images/button.png?v=1234);
}
जहां v = 1234 मेरी साइट का संस्करण है। मुझे नहीं पता कि यह सीएसएस में ऐसी चीजों को लिखने के लिए 100% मान्य है और मैं चाहता हूं कि ब्राउज़र अभी भी छवियों को कैश करे, यदि संस्करण समान है। क्या यूआरएल पैरामीटर भाग के साथ सभी आधुनिक ब्राउज़र सही ढंग से डेटा कैश करते हैं?
धन्यवाद।
मेरा मानना है कि यह हर ब्राउज़र पर काम नहीं करता है। कुछ क्वेरीस्ट्रिंग को अनदेखा करते हैं। शायद आप छवि के नाम पर संस्करण जोड़ सकते हैं। ऐसे ढांचे हैं जो ऐसा करने में मदद करते हैं, इसलिए आपको बटन_व 1.png, बटन_वी 2.png, आदि की आवश्यकता नहीं है –
मेरी साइट के लिए अच्छी खबर - इसे आईई 6 के तहत 100% सही तरीके से काम करने की आवश्यकता नहीं है। यदि '1234' आईई 7-8, फ़ायरफ़ॉक्स 3+, नवीनतम क्रोम, ओपेरा और सफारी के लिए वैध समाधान है, तो यह समाधान मेरे लिए लागू है। – Roman