JS はモバイル アクセス デバイスをどのように判断し、対応する CSS_javascript スキルを解析するのか

WBOY
リリース: 2016-05-16 17:12:08
オリジナル
1129 人が閲覧しました
コードをコピー コードは次のとおりです:

// モバイル実行環境かどうかを判断します
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 の場合、以下をロードしますstyle
setActiveStyleSheet( "style_mobile_a.css");
}
else if(/iPad/i.test(navigator.userAgent)){
// アクセス環境が iPad の場合、以下のスタイル
setActiveStyleSheet(" style_mobile_iPad.css");
}
else{
// アクセス環境が他のモバイルデバイスの場合は、次のスタイルを読み込みます
setActiveStyleSheet("style_mobile_other.css") ");
}
}
catch(e){}
}
}
else{
// 上記のいずれでもない場合、次のスタイルをロードします
setActiveStyleSheet("style_mobile_no.css");
}
// 判定完了後にスタイルをロード
function setActiveStyleSheet(filename){document.write("");}
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート