同一个网址,电脑手机访问显示不同的内容(Apache配置)

一、需求概述:

  用户访问一个网址 https://www.xxx.com,如果是移动设备访问,跳转到移动端的页面 https://www.xxx.com/mobile;如果是电脑访问,则跳转到pc端页面 https://www.xxx.com。

二、 实现逻辑:

  默认 https://www.xxx.com入口为pc端静态资源,添加配置获取用户设备,如果是移动设备则redirect到移动端静态资源 https://www.xxx.com/mobile。

三、具体实现:

3.1  服务器上放置2套静态资源,pc文件夹里增加配置文件(用于获取用户设备并redirect)。

  

  (配置文件 .htaccess)

  

  mobile文件夹里是否添加拦截配置则看具体需求(如果添加了的话,在pc端手动输入 https://www.xxx.com/mobile 也会被redirect到https://www.xxx.com)。

3.2  添加Apache配置  

  服务端一个端口监听一套静态资源

  

  具体的设备类型获取参考http://detectmobilebrowsers.com/

原文地址:https://www.cnblogs.com/deadbug/p/10628383.html

时间: 2024-11-14 13:03:00

同一个网址,电脑手机访问显示不同的内容(Apache配置)的相关文章

nginx设置电脑手机访问相同网址页面不同

先来个预览效果: 原理:根据用户请求,在nginx中会判断用户请求终端是什么设备,默认不做处理,这里我们添加if语句判断,符合规则后端指向指定路径 打开nginx配置文件 } server { listen 80; server_name www.test.com; charset utf-8; access_log /var/log/nginx/www_test_com.access.log; location / { root /home/prod/; if ($http_user_agen

真实手机访问本地电脑网站失败的原因

最近做了一个网站,想用真实手机访问进行调试,但是访问时却提示无法连接,不能打开网站,这是什么原因,百思不得其解,因为手机是可以通过WiFi上网的,电脑虽然是通过网线上网,但都使用同一个路由器,而权限方面并没有做任何限制.之后通过几步检测,终于找到了原因,并解决了问题. 1.测试局域网能否连通 检测的第一步是测试局域网能否连通.这里需要另一台局域网电脑来测试,测试的方法是在电脑里ping一下本机IP. 网络连通性测试 能ping通就表示网络是连通的. 2.检测局域网能否访问共享 测试访问共享的方法

让手机访问电脑

一.手机通过wifi连接,要与电脑在同一个路由下 二.搭建服务器 这里选的是wamp的集成安装包,一键安装好就可以了 三.设置固定IP “网络”右键--属性--“更改适配器设置”--“本地连接”右键--“属性”--“Internet协议版本 4”--设置IP地址--“首选DNS服务器:208.67.222.222”--“备选DNS服务器:208.67.220.220” (注意:DNS服务器是从网上搜来的,可能导致不能上网问题,反正我的没问题) 四.wamp默认访问的路劲是安装路径下的www文件夹

如何用手机访问电脑上的html文件

如何用手机访问电脑上的html文件 梦唪 | 浏览 3876 次 推荐于2016-03-26 08:08:58 最佳答案 1,你得搭建服务器,用Apache或者IIS.2,把HTML文件放到服务器里面,打开浏览器能访问到服务器(localhost)里的HTML.3,用CMD输入命令ipconfig查看本机的IP地址4,用IP地址代替localhost/.访问服务器.例如:192.168.1.123/xxx.html5,以上例子在本地局域网有效.如果要在互联网访问请把HTML文件放到网上的服务器再

使用手机访问电脑上写的网页

做移动端开发都要开发环境,但是我们有可能会在想我们能不能在PC端开发完后,然后在手机端预览效果,这样的话,对于我们开发有以下优点: 1. 能方便调式代码,能看到效果,不需要依赖于安装环境. 2. 我们自己平时在家里也可以做移动端开发demo,让我们可以更多的了解移动端开发的知识点,减轻工作上压力. 下面来让我们来学习如何使用PC端开发网页,然后再在手机端预览效果!! 一: 搭建本地服务器环境,我是前端开发人员,对服务器端并不是非常了解,所以简单的搭建一个PHP环境,直接安装Wamp5软件,ok直

简单的手机访问电脑文件方法,方便写完页面即使在移动端测试效果,不使用模拟器就能玩了

手机想测问电脑写好的页面文件时,这时部分人人会想到,拷内存卡,拷优盘,直接拷手机里(当然了 用模拟器的话这里就例外了),.....普通人一般用这些复制来复制去的方法,作为一个程序员,不自觉的就感觉,这好麻烦啊,或者说好low的操作方法啊....作为一个懂电脑的人,当然不能靠这种方法了,至少不能用数据先了,优盘了,内存卡了这些媒介来拷贝吧,有些人就想了,那我打开笔记本的蓝牙,wifi把文件传手机上,至少看起来没用最low的方法,但是这依然不符合我们的风格啊. 那还想怎么玩呢?直接访问电脑文件!说到

手机访问电脑wampServer本地环境页面

1.  电脑需要安装好wamp,我这里用的2.0版本,下载地址   http://pan.baidu.com/s/1jG31hbS 2. 电脑需要有个wifi,我用的360wifi 3. 启动wamp后,在电脑本地可以通过127.0.0.1访问到本地的项目 4. 用手机连接360wifi后,访问内网ip,也就是电脑的ip地址.这时可能会出现403,解决办法如下: 我用的wamp2.0此方法可行 找到Apache下的 httpd.conf 然后查找Directory这个词开头的 1.将Allow

php判断是手机访问还是电脑访问

//判断电脑还是手机访问 function is_mobile(){ // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset ($_SERVER['HTTP_X_WAP_PROFILE'])) { return true; } // 如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息 if (isset ($_SERVER['HTTP_VIA'])) { // 找不到为flase,否则为true return stristr($_SERVER['HTT

php如何判断电脑访问还是手机访问?

手机上网用户数量越来越大,如今各网站都推出了手机网站,电脑用户访问时直接访问电脑版网页,当用户通过手机访问网站时则跳自动跳转到手机版网页,下面给大家分享一段php中判断电脑访问还是手机访问的代码: <?php //手机网页跳转 //如果检测到访问的浏览器为下列一个指定的移动浏览器 则返回true function is_mobile(){ $regex_match="/(nokia|iphone|android|motorola|^mot\-|softbank|foma|docomo|kd