JAvascriptモバイル側アクセスデバイスを判断し、対応CSSを解析する方法
2343 ワード
この例では、javascriptがモバイル側アクセスデバイスを判断し、対応するCSSを解析する方法について説明します.皆さんの参考にしてください.具体的な分析は以下の通りである.
JAvascriptは異なるwebアクセス環境を判断し、主にモバイルデバイスに対して、対応する解析案を提供する(デバイスコードの直接copyテンセントネットワークを判断する):
ページのロード:
本稿で述べたjavascriptプログラムの設計に役立つことを願っています.
JAvascriptは異なるwebアクセス環境を判断し、主にモバイルデバイスに対して、対応する解析案を提供する(デバイスコードの直接copyテンセントネットワークを判断する):
//
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")<0){
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)){
// 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("<link href="+filename+" rel=stylesheet>");}
ページのロード:
<br> 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))){
<br> if(window.location.href.indexOf("?mobile")<0){
<br> try{
<br> if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
<br> window.location.href=" ";
<br> }else if(/iPad/i.test(navigator.userAgent)){
<br> window.location.href=" ";
<br> }else{
<br> window.location.href=" "
<br> }
<br> }catch(e){}
<br> }
<br> }
<br>
本稿で述べたjavascriptプログラムの設計に役立つことを願っています.