使用 Smarty PHP 模板构建移动网站

Question

我有一个使用 smarty 的定制应用程序。我需要我的应用程序支持移动设备（iphone、driods 等...）我知道一般的网络看起来不错，而且在很多情况下我可以使用 CSS hacks，但是 Smarty 中有没有一种方法可以检测浏览器是什么被使用然后根据该请求提供模板？

一种类型的模板用于： - 台式机和笔记本电脑 另一个用于 -智能手机

Answer 1

您可以在 Smarty 中使用纯 PHP：

{php}
if (preg_match('/iphone/i', $_SERVER['HTTP_USER_AGENT'])) {
   // iphone
} else if (preg_match('/android/i', $_SERVER['HTTP_USER_AGENT'])) {
   // android
} // and so on...
{/php}

或者，您可以创建一个 Smarty 插件。我记得它是这样的：

function smarty_function_useragent_match($params, $template) {
    return preg_match($params['pattern'], $_SERVER['HTTP_USER_AGENT']);
}

查找有关编写插件的更多信息在 Smarty 网站上。

Answer 2

更好的方法是根据用户代理/设备加载模板集，例如：

$template_dir = '/path/to/default/templates/';
if($mobile_device) {
    $template_dir = '/path/to/default/templates/';
}

或者像这样更动态：

$template_dir = '/path/to/templates/' . $device;

这里的 $device 可以有多精细，取决于应用程序的需求。

Answer 3

普通 PHP 在 Smarty 3 中已被弃用，不要使用它！

您可以使用库，例如​​ Mobile Detect 或 检测移动浏览器。

在 plugins 目录中创建一个插件，function.detect_mobile.php：

function smarty_function_detect_mobile($params, &$smarty) {

require_once './libraries/Mobile_Detect.php';
$detect=new Mobile_Detect;

$smarty->assign('is_mobile', false);
if($detect->isMobile()) {
    $smarty->assign('is_mobile', true);
}
}

然后在模板文件中使用它：

{detect_mobile}
{if $is_mobile} 
<link rel="stylesheet" href="css/styles-mobile.css" type="text/css" />
{else}
<link rel="stylesheet" href="css/styles.css" type="text/css" /> 
{/if}