检测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' />"); 
} 

}

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

有人可以帮助我吗？

来源

2011-01-11 NicoTjai

您只能在页面渲染时调用document.write（直接在<script>块中）。

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

为了解决您的问题，您可以在<head>标签直接运行代码或DOM操作（createElement和appendChild）取代document.write到<link>标签添加到<head>。

来源

2011-01-11 15:21:07 SLaks

检测iPhone/iPad并更改CSS文件

回答

相关问题