爲每個瀏覽器加載CSS

我希望你能幫助我。我需要爲每個瀏覽器加載一個css（chorme，safari，mozilla，ie）。我發現了一個解決方案，我添加了safari選項，但仍然無法使用。爲每個瀏覽器加載CSS

<script type="text/javascript"> 
var browser = navigator.userAgent.toLowerCase().indexOf('chrome') > -1 ? 'chrome' : 'other'; 
    if (BrowserDetect.browser.indexOf("chrome")>-1) { 
document.write('<'+'link rel="stylesheet" href="/css/chrome.css" />'); 
} else if (BrowserDetect.browser.indexOf("mozilla")>-1) { 
    document.write('<'+'link rel="stylesheet" href="css/mozilla.css" />'); 
} else if (BrowserDetect.browser.indexOf("explorer")>-1) { 
    document.write('<'+'link rel="stylesheet" href="css/explorer.css" />'); 
} else if (BrowserDetect.browser.indexOf("safari")>-1) { 
    document.write('<'+'link rel="stylesheet" href="css/safari.css" />'); 
} 
</script>

在頁面上有一個HTML5音頻播放器，在每個瀏覽器中，這個播放器會改變顏色，所以它們必須每個都不相同。

來源

2017-09-04 Emmanuel Grooviedelik

你的情況下，你的意思是它的工作原理與Safari瀏覽器以外的所有瀏覽器？ – SaidbakR

[如何檢測Safari，Chrome，IE，Firefox和Opera瀏覽器？]（https://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera瀏覽器） – ThePHPAddicted

看看Modernizr和Conditionizr。

原因：

他們是優秀的JavaScript庫
你不重新發明輪子。 DRY原則
他們得到更新，它們能夠適應所有主要的瀏覽器變化，使你不必讓所有的瀏覽器

http://conditionizr.com/

https://modernizr.com/

我知道這個演變的軌跡並不是一個確切的答案，我可以被低估，但我認爲是最好的選擇。今天可以用於Safari版本，明天可能會失敗。

對於conditionizr你有一個例子只是在

https://github.com/conditionizr/conditionizr/blob/master/docs/DOCS.md#basic-config-setup

來源

2017-09-04 20:10:45 madtyn

這是最好的方式！ – ThePHPAddicted

爲每個瀏覽器加載CSS

回答

相關問題