iPhone/iPadを検出してCSSファイルを変更する

私はここにいるべきかどうかわかりません。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>タグに直接あなたのコードを実行したり、<head>に<link>タグを追加するには、DOM操作（createElementとappendChild）でdocument.writeを置き換えることができます。

出典

2011-01-11 15:21:07 SLaks

iPhone/iPadを検出してCSSファイルを変更する

答えて

関連する問題