檢測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文件

回答

相關問題