2016-02-23 15 views
6

से देखने पर दो बार डाउनलोड किया जाता है, तो वेब ऐप में मैं वर्तमान में डिबगिंग कर रहा हूं, इंडेक्स पेज नीचे जैसा दिखता है।क्या सामान्य है यदि डेवलपर टूल

<head> 
    <base href="/"> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta name="renderer" content="webkit" /> 
    <meta http-equiv="expires" content="0" /> 
    <meta http-equiv="cache-control" content="no-cache" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> 
    <link rel='stylesheet' href='u.css?1456217719620'></link> 
    <link rel='stylesheet' href='ll.css?1456217719620'></link> 
    <link rel='stylesheet' href='aa.css?1456217719620'></link> 
    <script src='c.js?NaN'></script> 
    <link rel="shortcut icon" href="/images/favicon.ico" /> 

    <script src='ll1.js?1456217719620'></script> 
    <script src='ll2.js?1456217719620'></script> 
    <script src='ll3.js?1456217719620'></script> 
    <script src='ll4.js?1456217719620'></script> 
    <script src='ll5.js?1456217719620'></script> 
    <script src='ll6.js?1456217719620'></script> 
    <script src='aa.js?1456217719620'></script> 
</head> 

<body> 
    <!-- Edit: As suggested in one of the reply, could it be because there are scripts like this in body? --> 
    <script type="text/javascript"> 
     (function() { 
     var u='//widget.uservoice.com/xxxxx.js'; 
     var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 
     g.type='text/javascript'; g.async=!1; g.defer=!0; g.src=u; s.parentNode.insertBefore(g,s); 
     })(); 
     UserVoice = window.UserVoice || []; 
    </script> 

</body> 

लिपियों में से कुछ दो बार डेवलपर उपकरण से दिखाई देते हैं कभी कभी दोनों के लिए 200 के बजाय 304 कर रहे हैं (क्रोम, नीचे छवि देखें)

enter image description here

दूसरा निवेदन।

क्या यह सामान्य है?

कभी-कभी इसे दो बार प्रकट होने का कारण बन सकता है और कभी-कभी यह केवल एक बार दिखाई देता है?

[संपादित करें 1] यह प्रश्न How "304 Not Modified" works? से अलग है यह हमेशा 304 नहीं दिखाता है, कभी-कभी दोनों 200 प्रतिक्रियाएं होती हैं। और यह एचटीएमएल और जावास्क्रिप्ट को कैसे लिखा जा सकता है, मॉडरेटर द्वारा सुझाए गए विषय से संबंधित नहीं हो सकता है।

enter image description here

भी nginx अनुरोध दर्ज की गई दो बार

[23/Feb/2016:21:56:09 -0500] "GET /ll1.js?1456217719625 HTTP/1.1" 200 220276 
[23/Feb/2016:21:56:09 -0500] "GET /ll1.js?1456217719625 HTTP/1.1" 200 220284 

[संपादित करें 2] मुझे लगता है कि "बड़े" फ़ाइल अनुरोध के साथ कुछ है हो सकता है? क्योंकि जैसा कि नीचे दी गई छवि में देखा गया है, मैंने कई जावास्क्रिप्ट फ़ाइलों को लोड करने का प्रयास किया है, और उनमें से कुछ आकार में एमबी हैं। मैंने जावास्क्रिप्ट में बहुत कुछ नहीं किया है, अधिकांश छोटी फाइलों में केवल "console.log()" होता है, बड़ा संस्करण सिर्फ "var xxx = ['big Array'] है;"

enter image description here

+1

संभावित डुप्लिकेट [कैसे "304 संशोधित नहीं" काम करता है?] (Http://stackoverflow.com/questions/20978189/how-304-not-modified-works) –

+0

@DarrenSweeney मुझे नहीं लगता कि प्रश्न कवर क्यों स्क्रिप्ट दो बार लोड हो रही है (कैश्ड या नहीं) –

+0

मुझे लगता है कि यह सहायक हो सकता है http://stackoverflow.com/questions/1046966/whats-the-difference-between-cache-control-max-age-0- और-no-cache –

उत्तर

2

अपने जावास्क्रिप्ट कोड डोम को संशोधित करता है और नए जोड़ने <script> नोड तो, तो ब्राउज़र नई स्क्रिप्ट लोड होगा src विशेषता में इशारा किया। तो यह संभव है। हालांकि ब्राउज़र अनुरोध से दूसरा अनुरोध दिया जा सकता है यदि वेब सर्वर ने कहा कि यह संशोधित नहीं है (कोड 304)।

+0

के साथ एक ही समस्या नहीं देख पा रहा हूं शायद यह कारण नहीं है (चेक आउट प्रश्न में मेरा नवीनतम संपादन)। नवीनतम एचटीएमएल उदाहरण काफी सरल है, शायद बड़े फ़ाइल अनुरोध के साथ कुछ करने के लिए है? – forestclown

+0

एचटीएमएल काफी सरल है, हां। लेकिन मैं जावास्क्रिप्ट के लिए ऐसा नहीं कह सकता। मुझे यह भी नहीं पता कि वहां कौन सा कोड है या वे क्या करते हैं।डुप्लिकेट अनुरोध केवल छोटे जावास्क्रिप्ट फ़ाइल के लिए नहीं हुआ है जो बड़ा नहीं है। –

+0

छोटी फ़ाइलों में मैं बस "console.log ('')" निष्पादित करता हूं, बड़ी फ़ाइल में मैं बस "var somear = ['big Array'] निष्पादित करता हूं;" – forestclown

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