ホームページ > ウェブフロントエンド > jsチュートリアル > JS はモバイル アクセス デバイスを決定し、対応する CSS style_javascript スキルをロードします。

JS はモバイル アクセス デバイスを決定し、対応する CSS style_javascript スキルをロードします。

WBOY
リリース: 2016-05-16 16:44:52
オリジナル
1077 人が閲覧しました

JS は、主にモバイル デバイス向けのさまざまな Web アクセス環境を判断し、対応する分析ソリューションを提供します (デバイス コードは Tencent から直接コピーされます)

コードをコピー コードは次のとおりです。

// モバイル オペレーティング環境かどうかを判断します

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(ナビゲーター.userAgent) )){

if(window.location.href.indexOf("?mobile")
try{

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)){

// ロード ifアクセス環境が iPad 以下のスタイル

setActiveStyleSheet("style_mobile_iPad.css");

}

else{

// アクセス環境の場合他のモバイル デバイスの場合は、次の Style

setActiveStyleSheet("style_mobile_other.css")

}

}

catch(e){}

}

}

else{

// 上記のいずれでもない場合、次のスタイルをロードします

setActiveStyleSheet("style_mobile_no .css");

}

// 判定完了後にスタイルをロード

function setActiveStyleSheet(filename){document.write("<link href="ファイル名 " rel=stylesheet>");}

ページの読み込み中
コードをコピー コードは次のとおりです次のように:

最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート