CSS和JavaScript两者都没有使用codeigniter在移动视图中加载?

时间:2018-02-02 05:04:04

标签: javascript php css codeigniter mobile

我是codeigniter的新手,但是,直到我试图在其他设备上查看它,我才好好使用它。

这是问题所在:

网络: Broswer View | Browser (Responsive Design View)

手机:Screenshot 1 | Screenshot 2

_htaccess:

RewriteEngine on
RewriteCond $1 !^(index\.php|assets|images|js|css|uploads|favicon.png)
RewriteCond %(REQUEST_FILENAME) !-f
RewriteCond %(REQUEST_FILENAME) !-d
RewriteRule ^(.*)$ ./index.php/$1 [L]

页面控制器:

<?php
    class Pages extends CI_controller{
        public function view($page = 'home'){
            if(!file_exists(APPPATH.'views/pages/'.$page.'.php')){
                show_404();
            }

            $data['title'] = ucfirst($page);

            $this->load->view('templates/header');
            $this->load->view('pages/'.$page, $data);
            $this->load->view('templates/footer');
        }

    }

3 个答案:

答案 0 :(得分:1)

经过多少小时的研究。我终于找到了答案。这太简单了,我甚至笑到我是多么愚蠢。

当我从移动设备查看页面源时,它显示标题的base_url是LOCALHOST,这就是设备无法从移动设备中找到css / js文件的原因。要使标头工作,您必须先将base_url更改为设备的IP地址。那应该做的工作。

谢谢大家。

答案 1 :(得分:0)

确保添加css的相对路径并且不是绝对路径,如果要添加CDN路径,请确保允许xampp访问Internet。我猜你已经给出了本地主机或Windows路径的路径,但试图通过局域网中的IP访问,这就是为什么它给出了问题,解决方案是相对路径。

答案 2 :(得分:0)

我遇到了同样的问题,并成功解决了该问题。 就像Je​​ff Yan所说,只需将base_url'localhost'更改为设备的IP地址即可。