2013-08-31 6 views
14

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

कोई विचार क्यों मैं खिड़की बंद करने और फिर से खोलने के बजाय सीएसएस परिवर्तनों को रीफ्रेश नहीं कर सकता हूं?

+0

क्या आप अपना स्वयं का सर्वर चला रहे हैं या ब्राउज़र के साथ एक HTML फ़ाइल निष्पादित कर रहे हैं (यानी फ़ाइल को ब्राउज़र आइकन पर खींचें)। –

+0

यह नहीं होना चाहिए। आप कौन सा ब्राउज़र उपयोग कर रहे हैं। मैं सोच सकता हूं कि आपके ब्राउज़र के कैश में कोई समस्या है। मैं आपके ब्राउज़र कैश को साफ़ करने और फिर अपने ब्राउज़र को पुनरारंभ करने की सलाह दूंगा और देख सकता हूं कि यह आपकी समस्या हल करता है या नहीं। जैसा कि @ErikReppen ने पूछा, क्या आप एक सर्वर का उपयोग कर रहे हैं या सिर्फ फाइलें खोल रहे हैं। यदि यह पूर्व है तो मैं एक मुफ्त वेब होस्टिंग साइट 000webhost का उपयोग करने की सलाह दूंगा या xampp –

+0

जैसे कुछ के साथ स्थानीय वातावरण बनाउंगा, क्या आपने ब्राउज़र कैश और सभी कुकीज़ को साफ़ करने का प्रयास किया है। कुछ सर्वर उन्हें लाइव बनाने से पहले सीएसएस के संस्करण कैश करते हैं। – benny

उत्तर

17

आपके ब्राउज़र की एक "हार्ड" ताज़ा का प्रयास करें ...

http://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache

विचार अपने ब्राउज़र की कैश बायपास करने के लिए है। अलग-अलग ब्राउज़र इसे अलग-अलग संभालते हैं, और इस विकी आलेख में यह करने के तरीके पर प्रत्येक प्रमुख ब्राउज़र के लिए एक अच्छा चलना है।

वैकल्पिक रूप से, आप अपने ब्राउज़र के कैश को साफ़ कर सकते हैं, जो विकी लेख द्वारा भी कवर किया गया है।

+1

धन्यवाद! मुझे लगता है कि यह सबसे अच्छा काम करता है! क्रोम पर मैक के लिए कमांड + आर। –

+0

भयानक, मेरा दिन बचाता है। – RainCast

+4

क्रोम में, आपको बस हिट करने की आवश्यकता है: Ctrl + Shift + R – PlayHardGoPro

14

मुझे लगता है कि यह कैश समस्या है।

कैसे पृष्ठ पर राइट क्लिक समस्या

पता लगाने के लिए आप क्रोम या Firefox या Safari उपयोग कर रहे हैं, और inspect element चुनते हैं, और network टैब चुनें।

अब हमेशा की तरह अपने पेज को ताज़ा, और आप इस तरह सभी http अनुरोध देखेंगे:

सीएसएस फ़ाइल स्थिति है 304, ब्राउज़र सर्वर सीएसएस फ़ाइल पूछने का मतलब है, और सर्वर कहते हैं: "नहीं, आपको मुझसे पूछने की ज़रूरत नहीं है, मैंने आपको पहले सीएसएस फ़ाइल दी है, यह नहीं बदला है। "

यदि सीएसएस फ़ाइल की स्थिति 200 है, लेकिन आकार from cache है, तो इसका मतलब है कि ब्राउज़र फ़ाइल के लिए सर्वर से भी नहीं पूछता है, ब्राउज़र सोचता है कि उसके पास नवीनतम फ़ाइल है।

मुझे लगता है कि आप दूसरी स्थिति में हैं (कैश से 200)।

यह कैसे हल करने के लिए:

  1. आप हमेशा brwoser कैश परिवर्तन देखने के लिए साफ कर सकते हैं। या आप डिबगिंग उद्देश्य के लिए ब्राउज़र कैश अक्षम कर सकते हैं।

    लेकिन तुम हमेशा अपने दर्शकों के कैश को साफ़ करने के लिए बता सकते हैं, तो दूसरी विधि:

  2. यदि आप सर्वर भाषा के रूप में पीएचपी या जो कुछ भी उपयोग कर रहे हैं, संलग्न सीएसएस फ़ाइल के नाम के एक क्वेरी स्ट्रिंग:

    < लिंक rel = " स्टाइलशीट " प्रकार = " text/css " href = " http://www.example.com/style.css?ts=<?=time()?>&quot;/>

    99% समय, यह काम करेगा।

  3. यदि यह एक स्थिर HTML पृष्ठ है, तो आप सीएसएस क्वेरी स्ट्रिंग को मैन्युअल रूप से बदल सकते हैं (या यदि आप चाहें तो सीएसएस फ़ाइल नाम भी बदल सकते हैं)।

+0

सब कुछ इंस्पेक्टर तत्व में ठीक लगता है। फ़ाइल पाठ की स्थिति "सफलता" कहती है। शायद यह अब काम कर रहा है? –

+0

क्या आप इस पेज का एक लिंक पोस्ट कर सकते हैं? टेक्स्ट स्थिति एक http कोड होना चाहिए। – Yuguo

+0

निरीक्षण तत्व पर होने> नेटवर्क टैब और मारने वाले cmd + r ने चाल –

0

ब्राउज़र के आधार पर, यह एक कैशिंग समस्या हो सकती है।

आपके ब्राउज़र में एक सेटिंग हो सकती है जो कैश को अपडेट करने से रोकती है।

क्या आपने अपने ब्राउज़र को डिफ़ॉल्ट पर रीसेट करने का प्रयास किया है?

कारण मैं पूछता हूं, फ़ायरफ़ॉक्स और क्रोम इस तरह से अलग तरीके से संभालते हैं।

यदि आप फ़ायरफ़ॉक्स में कैश + कुकीज़ साफ़ करते हैं, तो यह तब तक प्रभावी नहीं होगा जब तक आप सभी ब्राउज़र विंडो बंद नहीं करते।

क्रोम प्रत्येक व्यक्तिगत टैब के साथ कैश रीफ्रेश करेगा।

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

संबंधित मुद्दे