JAvascriptモバイル側アクセスデバイスを判断し、対応CSSを解析する方法

2343 ワード

この例では、javascriptがモバイル側アクセスデバイスを判断し、対応するCSSを解析する方法について説明します.皆さんの参考にしてください.具体的な分析は以下の通りである.
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プログラムの設計に役立つことを願っています.