ecshop 在平板電腦上面網頁顯示wap模式

來源:互聯網
上載者:User


今天偶然用三星5.5寸的手機看 ecshop 商城,天哪,好難看,再用類比的平板電腦來訪問,更難看,我是啟用了 ecshop 的手機版的,但卻沒有適應的平板電腦的大小,所以平板電腦上面看的話,最好還是電腦網頁版,在 ecshop 根目錄下 index.php 檔案中是有判斷是否手機版訪問而進行跳轉的,但處理的不是很好,所以有必要進行刪除掉,如果想要手機看的話,我們可以安裝一個二維碼掃描,或者直接做個超連結好了,下面夏日部落格就來教大家如何刪除掉這斷判斷得不好的代碼吧。

開啟根目錄下 index.php 檔案,找到如下的代碼:

$ua = strtolower($_SERVER['HTTP_USER_AGENT']);  $uachar = "/(nokia|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|mobile)/i";  if(($ua == '' || preg_match($uachar, $ua))&& !strpos(strtolower($_SERVER['REQUEST_URI']),'wap'))  {      $Loaction = 'mobile/';      if (!emptyempty($Loaction))      {          ecs_header("Location: $Loaction\n");          exit;      }  }

當然如果你對於php不瞭解我們可以在htm頁面頭問加一段js代碼,如下所示

// 判斷是否為移動端運行環境
  

  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>");}


如上,就可以不同裝置不同的css了,方便製作全相容裝置瀏覽器的網站咯

將其刪除掉或者注釋掉就OK了,這次再使用平板電腦開啟的話就是電腦網頁了,不會出現出現 wap 模式的網頁或者什麼錯誤的代碼了。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.