javascript_javascript スキルを使用してモバイル アクセス デバイスを特定し、対応する CSS を解析する方法

// モバイルオペレーティング環境かどうかを判断します
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT- |Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf("?mobile") 試してみてください{
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
// アクセス環境が Android|webOS|iPhone|iPod|BlackBerry の場合、以下のスタイルを読み込みます
setActiveStyleSheet("style_mobile_a.css"); }
else if(/iPad/i.test(navigator.userAgent)){
// アクセス環境がiPadの場合、以下のスタイルを読み込みます
setActiveStyleSheet("style_mobile_iPad.css"); }
他{
// アクセス環境が他のモバイル端末の場合は、以下のスタイルを読み込みます
setActiveStyleSheet("style_mobile_other.css"); }
}
キャッチ(e){}
}
}
他{
// 上記のいずれでもない場合は、次のスタイルをロードします
setActiveStyleSheet("style_mobile_no.css"); }
//判定完了後にスタイルをロード
function setActiveStyleSheet(filename){document.write("");}


ページの読み込み中: