Question

我希望你能帮助我。我需要为每个浏览器加载一个css（chorme，safari，mozilla，ie）。我找到了一个解决方案，我添加了safari选项，但它仍然不起作用。

<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音频播放器，在每个浏览器中这个播放器都会改变颜色，所以每个播放器的颜色必须不同。

Answer 1

看看Modernizr和Conditionizr。

原因：

他们是很好的Javascript库
你没有重新发明轮子。干原则
他们会更新，他们会适应所有主要的浏览器更改，因此您无需跟踪所有浏览器的演变

http://conditionizr.com/

https://modernizr.com/

我知道这不是一个确切的答案我可以被投票，但我认为这是最好的方法。哪个适用于Safari版本，明天可能会失败。

对于conditionizr，您可以在

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

为每个浏览器加载CSS

1 个答案: