今天偶然用三星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 模式的網頁或者什麼錯誤的代碼了。