जब मैं इसे बदलूं तो CSS ब्राउज़र में अपडेट नहीं हो रहा है


14

मैं अपने वर्डप्रेस साइट के सीएसएस पर काम कर रहा हूं। जब मैं परिवर्तन करता हूं और पृष्ठ को ताज़ा करता हूं तो परिवर्तन प्रतिबिंबित नहीं होते हैं। जब मैं ब्राउज़र इतिहास को साफ़ करता हूं और कैश को बदलता है तब भी परिलक्षित होता है। जब मैं पृष्ठ के स्रोत कोड को देखता हूं और सीएसएस फ़ाइल को देखता हूं तो उसमें परिवर्तन से पहले की पुरानी सामग्री होती है। मुझे यह अपडेट करने के लिए कैसे मिलेगा ताकि मैं विकसित कर सकूं?


क्या आपके पास कैशिंग प्लगइन चल रहा है? आपकी CSS फाइलें सर्वर पर कैश्ड हो सकती हैं।
पैट जे

ऐसा प्रतीत नहीं होता कि मेरे पास कैशिंग प्लगइन है।
डेविड ट्यूनेल

यदि आप वर्डप्रेस का उपयोग नहीं कर रहे हैं तो क्या यह काम करता है? उदाहरण के लिए, एक फ़ाइल जिसे test.htmlएक संबद्ध .cssफ़ाइल कहा जाता है ?
पाट जे

यदि किसी भी उत्तर से आपको समस्या हल करने में मदद मिली है, तो कृपया इसे स्वीकार करना सुनिश्चित करें!
mrwweb

जवाबों:


14

आपके द्वारा अटैच किए गए css फ़ाइल के अंत में एक यादृच्छिक संस्करण संख्या जोड़ें। यदि आप ' wp_enqueue_style ' या wp_register_style फ़ंक्शंस का उपयोग कर रहे हैं , तो यादृच्छिक (संस्करण) संख्या rand(111,9999)को 4 वाँ पैरामीटर पास करें। यदि आप एक html टैग के रूप में सीएसएस संलग्न कर रहे हैं, तो आपको ?ver=<?php echo rand(111,999)?>फ़ाइल नाम के अंत में " " जोड़ना चाहिए । उदाहरण यहाँ हैं

wp_register_style( 'custom-style', get_template_directory_uri() . '/css/custom-style.css', array(), rand(111,9999), 'all' );

या

<link rel="stylesheet" type="text/css" href="http://website.com/css/custom-style.css?ver=<?php echo rand(111,999)?>">

यह क्लाइंट एंड कैशिंग और संभवतः सर्वर कैशिंग पर भी कैशिंग से बच जाएगा।


7

मुझे पता है कि यह पोस्ट एक साल से अधिक पुरानी है, लेकिन मुझे लगा कि मैं उल्लेख करूंगा कि CloudFlare कैश फ़ाइलें जैसे कि css, js और इमेजेस को तेज लोडिंग समय में सहायता के लिए कैश करता है। कुछ ऐसा करने में मुझे केवल घंटों का समय लगा, क्योंकि मैं अपने सीएसएस परिवर्तन के साथ मुद्दों को फिर से लोड करने पर प्रतिबिंबित नहीं कर रहा था। CloudFlare में विकास मोड है जिसे आप 3hrs के लिए सक्षम कर सकते हैं। यदि आप संशोधन करना शुरू करने से पहले इसे सक्षम करना भूल जाते हैं तो आप क्लाउडफ़ेयर प्रबंधन से कैश को शुद्ध कर सकते हैं।


1
CloudFlare को लगता है कि अगर ?ver=फ़ाइल है तो उसे अपडेट नहीं किया जा सकता है।
hlcs

आर यू बता रहा है कि हर बार जब मैं सीएसएस, जावास्क्रिप्ट में बदलाव करता हूं, तो मुझे क्लाउडफिश कैश को शुद्ध करने की आवश्यकता होती है? यह विकास मोड वास्तव में क्या करता है? Thnx
तनवीर

0

यह संभव है कि आपका मेजबान आपकी साइट के आउटपुट को कैश करने के लिए वार्निश जैसी किसी चीज़ का उपयोग कर रहा हो। मैं एक ग्राहक की साइट पर कट-रेट साझा होस्टिंग खाते पर होस्ट किया गया था। एकमात्र उपाय जो मैंने पाया वह सिर्फ धैर्य रखना था।


0

यदि आप चाइल्ड थीम का उपयोग कर रहे हैं, तो यह संभव है कि आपको तुरंत बदलाव देखने के लिए चाइल्ड थीम स्टाइलशीट को एंक्ल्यू करना होगा। इससे मेरी समस्या हल हो गई।


0

बस इंगित करना चाहते हैं - आपके द्वारा इंस्टॉल किए गए किसी भी कैशिंग प्लगइन्स के प्रति सावधान रहना सुनिश्चित करें । उदाहरण के लिए, WP Fastest Cache , यदि आप WP डैशबोर्ड में लॉग इन करना याद नहीं रखते हैं, तो यह समस्या पैदा कर सकते हैं और "साफ कैश -> कैश हटाएं और न्यूनतम सीएसएस / जेएस" पर क्लिक करें।


0

यह शायद पुराना है। लेकिन मुझे किसी ऐसे व्यक्ति का समर्थन करने की आवश्यकता है जो मदद की तलाश में हो। मुझे भी यही समस्या थी और मैंने अपने प्लगइन्स की जाँच की। "W3 कुल कैश" प्लगइन था जो लोडिंग को गति देता है। यह सर्वर साइड कैश प्लगइन है इसलिए मैंने इसे निष्क्रिय कर दिया है। सीएसएस परिवर्तन फिर से realtime दिखाई दे रहे हैं। बहुत सारे लोडिंग बूस्टर प्लगइन्स हैं। इसलिए अपनी प्लगइन सूची की जाँच करें और विकास समाप्त होने तक उन्हें अक्षम करें।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.