溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

phpcms實現(xiàn)移動端和電腦端不同模板的方法

發(fā)布時間:2020-10-13 15:31:35 來源:億速云 閱讀:152 作者:小新 欄目:建站服務器

phpcms實現(xiàn)移動端和電腦端不同模板的方法?這個問題可能是我們?nèi)粘W習或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容,讓我們一起來看看吧!

phpcms實現(xiàn)移動端和電腦端不同模板

1、首先打開phpcms/libs/functions/global.func.php,在文件最后面加一個isMobile()方法,用來判斷是否是手機端打開

 function isMobile() {
  // 如果有HTTP_X_WAP_PROFILE則一定是移動設(shè)備
  if (isset($_SERVER['HTTP_X_WAP_PROFILE'])) {
    return true;
  }
  // 如果via信息含有wap則一定是移動設(shè)備,部分服務商會屏蔽該信息
  if (isset($_SERVER['HTTP_VIA'])) {
    // 找不到為flase,否則為true
    return stristr($_SERVER['HTTP_VIA'], "wap") ? true : false;
  }
  // 腦殘法,判斷手機發(fā)送的客戶端標志,兼容性有待提高。其中'MicroMessenger'是電腦微信
  if (isset($_SERVER['HTTP_USER_AGENT'])) {
    $clientkeywords = array('nokia','sony','ericsson','mot','samsung','htc','sgh','lg','sharp','sie-','philips','panasonic','alcatel','lenovo','iphone','ipod','blackberry','meizu','android','netfront','symbian','ucweb','windowsce','palm','operamini','operamobi','openwave','nexusone','cldc','midp','wap','mobile','MicroMessenger');
    // 從HTTP_USER_AGENT中查找手機瀏覽器的關(guān)鍵字
    if (preg_match("/(" . implode('|', $clientkeywords) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT']))) {
      return true;
    }
  }
  // 協(xié)議法,因為有可能不準確,放到最后判斷
  if (isset ($_SERVER['HTTP_ACCEPT'])) {
    // 如果只支持wml并且不支持html那一定是移動設(shè)備
    // 如果支持wml和html但是wml在html之前則是移動設(shè)備
    if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') === false || (strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html')))) {
      return true;
    }
  }
  return false;
}

2、然后打開phpcms/modules/content/index.php,有三個地方要改的

a)找到首頁的init方法,在最后加載模板的時候,做一個判斷,如果是手機端打開就加載手機端模板,如果是電腦端打開就加載電腦端模板

大概在31行找到:

include template('content','index',$default_style);

改成:

if(isMobile()){
      include template('mobile','index',$default_style);
}else{
     include template('content','index',$default_style);
}

b)找到內(nèi)容頁的show方法,同樣在最后加載模板的時候做一個判斷

大概在203行找到:

include template('content',$template);

改成:

if(isMobile()){
     include template('mobile',$template);
}else{
     include template('content',$template);
}

c)找到列表頁的lists方法,同樣在最后加載模板的時候做一個判斷

大概在265行和278行,這里有兩處,找到:

include template('content',$template);
改成:
if(isMobile()){
     include template('mobile',$template);}else{     
     include template('content',$template);
}

在你當前的模板目錄下新建一個mobile目錄,用來存放手機端模板

如果你當前的模板目錄是phpcms/templates/default,那么你就在phpcms/templates/default下面建一個mobile目錄。

如果你當前的模板目錄是phpcms/templates/moban,那么你就在phpcms/templates/moban下面建一個mobile目錄。

這樣就可以實現(xiàn)電腦端和手機端分別加載不同的模板。

感謝各位的閱讀!看完上述內(nèi)容,你們對phpcms實現(xiàn)移動端和電腦端不同模板的方法大概了解了嗎?希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI