CDN

Question

मैं से अपने पन्ने पर बूटस्ट्रैप CSS लोड कर रहा हूँ से सीएसएस के लिए स्थानीय फ़ॉलबैक प्रदान करें CDN bootstrapcdn.com

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"> 

मैं कैसे परीक्षण कर सकते हैं, तो स्टाइलशीट लोड किया गया था, और यदि नहीं एक स्थानीय फ़ॉलबैक प्रदान करते हैं?

I परीक्षण करने से पहले jQuery या अन्य पुस्तकालयों को लोड करने के लिए प्रतीक्षा करना नहीं चाहते हैं; मैं चाहता हूं कि सभी सीएसएस पहले पृष्ठ पर लोड हो जाएं।

Answer 1

यही वह है जो मैंने अपनी आवश्यकताओं के लिए बनाया है। यदि यह आपकी आवश्यकताओं को पूरा करता है, तो बस फंक्शन को सुनिश्चित करें CssFileInclusion (फ़ाइल को जांचने के लिए, बूलियन मान)। आपको यह सुनिश्चित करने के लिए अपनी आवश्यकताओं के लिए इसे समायोजित करना होगा कि आप इस फ़ंक्शन में cssFileToCheck, fallbackCssFile प्रदान करते हैं।

/** 
* Checks the page for given CSS file name to see if it was already included within page stylesheets. 
* If it was, then this function does nothing else. If CSS file was not found among page stylesheets, 
* then this function will attempt to load the stylesheet by adding an HTML link tag to the document 
* HEAD section. You must also specify whether given cssFileToInclude is a relative path or an absolute path. 
*/ 
ensureCssFileInclusion = function(cssFileToInclude, isRelativePath) { 
    if (isRelativePath) { 
    if (!window.location.origin) { 
     cssFileToInclude = window.location.protocol+"//"+window.location.host + cssFileToInclude; 
    } 
    } 
    var styleSheets = document.styleSheets; 
    for (var i = 0, max = styleSheets.length; i < max; i++) { 
    if (styleSheets[i].href == cssFileToInclude) { 
     return; 
    } 
    } 
    // because no matching stylesheets were found, we will add a new HTML link element to the HEAD section of the page. 
    var link = document.createElement("link"); 
    link.rel = "stylesheet"; 
    link.href = cssFileToInclude; 
    document.getElementsByTagName("head")[0].appendChild(link); 
};