javascript - 检测 iPhone/iPad 并更改 CSS 文件

我不知道我是否应该在这里。

但我正在尝试制作一个网站来检测我在哪个设备上(iPhone/iPad) 并更改我正在使用的 CSS 文件。我正在使用这段代码:

function iCheck() {
if((navigator.userAgent.match(/iPad/i))) {
   document.write("<link rel='stylesheet' type='text/css' href='../misc/iphone.css' />");
}
else if(navigator.userAgent.match(/iPhone/i)) {
   document.write("<link rel='stylesheet' type='text/css' href='../misc/iphone.css' />");
}

}

但这给了我一个空白页面，上面什么也没有。

有人可以帮助我吗？

最佳答案

您只能调用document.write在页面呈现时(直接在 <script> block 中)。

如果您在页面加载完成后调用它，它将替换整个页面。

要解决您的问题，您可以直接在 <head> 中运行您的代码标记或替换 document.write使用 DOM 操作( createElement 和 appendChild )添加 <link>标记到 <head> .

关于javascript - 检测 iPhone/iPad 并更改 CSS 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4659146/