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

この記事の例では、JavaScript がモバイル アクセス デバイスを特定し、対応する CSS を解析する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

JavaScript は、主にモバイル デバイス向けのさまざまな 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(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("");}


ページの読み込み中:

コードをコピーします

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


この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。