Question

好的，这让我有点疯狂。

我创建了一个移动布局，主要用于iPad。我在AppController中使用beforeRender（）函数来检测移动客户端并相应地切换主题。

当我使用iOS模拟器在我的本地开发服务器上测试移动网站时，一切正常。主题得到正确加载和所有。但是，当我在在线生产服务器上访问它时，移动主题不会被加载。我看到了内容，但没有任何样式。

可以在此处找到在线测试：http://www.anuragdesign.com/test/mbv

为什么会这样？任何意见都非常感谢。

更新

以下是相关代码：

在我的 AppController.php

中

public function beforeRender() { 
    if($this->RequestHandler->isMobile()) {
        $this->theme = 'mobile';
    } 

}

/lib/cake/Network/CakeRequest.php

protected $_detectors = array(
    'get' => array('env' => 'REQUEST_METHOD', 'value' => 'GET'),
    'post' => array('env' => 'REQUEST_METHOD', 'value' => 'POST'),
    'put' => array('env' => 'REQUEST_METHOD', 'value' => 'PUT'),
    'delete' => array('env' => 'REQUEST_METHOD', 'value' => 'DELETE'),
    'head' => array('env' => 'REQUEST_METHOD', 'value' => 'HEAD'),
    'options' => array('env' => 'REQUEST_METHOD', 'value' => 'OPTIONS'),
    'ssl' => array('env' => 'HTTPS', 'value' => 1),
    'ajax' => array('env' => 'HTTP_X_REQUESTED_WITH', 'value' => 'XMLHttpRequest'),
    'flash' => array('env' => 'HTTP_USER_AGENT', 'pattern' => '/^(Shockwave|Adobe) Flash/'),
    'mobile' => array('env' => 'HTTP_USER_AGENT', 'options' => array(
        'AvantGo','DoCoMo', 'Fennec', 'iPad', 'J2ME', 'MIDP', 'NetFront', 'Nokia', 'Opera Mini', 'Opera Mobi', 'PalmOS', 'PalmSource',
        'portalmmm', 'Plucker', 'ReqwirelessWeb', 'SonyEricsson', 'Symbian', 'UP\\.Browser',
        'webOS', 'Windows CE', 'Windows Phone OS', 'Xiino'
    )),
    'requested' => array('param' => 'requested', 'value' => 1)
);

移动样式表位于：

/app/View/Themed/mobile/webroot/css/mobile.css

并在布局文件中调用启动页 /app/View/Themed/mobile/Layouts/splash.ctp ，如下所示：

<?php echo $this->Html->css(array('reset.defaults', 'mobile', 'superfish')); ?>

更新

在线设置上的

debug（$ _ SERVER ['HTTP_USER_AGENT'）产生以下输出：

'Mozilla/5.0 (iPad; U; CPU OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5'

Answer 1

修复（好吧）

我做了几个步骤，最终似乎解决了这个问题。问题似乎是在线生产服务器上，它会尝试从常规的webroot文件夹中提供样式表，而不是我的主题文件夹。我不知道为什么，但你去了。

首先，我复制了所有移动样式表并将它们放在/ app / webroot / css /中（vs应该去/ app / View / Themed / mobile / webroot / css /。然后我也重命名了任何元素这在移动和非移动视图中都有用，以确保移动设备（位于/ app / View / Themed / mobile / Elements中）都具有唯一的名称。

这似乎有效，但总的来说是一个相当简洁的解决方案。因此，如果有人有更好的解决方案，我很乐意听到。

没有加载CakePHP iPad布局

1 个答案: