一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

ecshop 在平板电脑上面网页显示wap模式

时间:2015-10-02 编辑:简简单单 来源:一聚教程网


今天偶然用三星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 模式的网页或者什么错误的代码了。

热门栏目