零基础建站培训教程介绍

当前位置:

手机网站怎么和PC网站共用域名

现在做网站基本上都是手机网站与PC网站同步的,制作手机网站时,怎么实现和PC网站共用一个域名呢?下面学做网站论坛提供了二种方法。

手机网站怎么和PC网站共用域名

方法一:使用响应式网站设计

响应式网站设计的意思就是自动适应用户浏览设备,变化网站的布局排版。它变化的是网站版面,但网站的域名是不变的。与PC网站的域名是一样的,就可以实现手机网站和PC网站共用域名的效果。

响应式网站制作,学做网站也提供了详细的教程,参考:响应式手机网站制作视频教程

方法二:启用PC站域名二级域名来访问手机网站

这是一些网站在用的方法。举个例子:一个网站PC网站的域名是www.xuewangzhan.com,它的手机站的域名可以设置为m.xuewangzhan.net。

我们看到这二个域名的后面都是一样的,只是前缀不同。这就是使用了PC网站二级域名来作为手机网站域名使用,也实现了手机网站和PC网站共用域名的效果。

怎么实现呢?很简单,只需要将以下的代码放到PC网站的顶部即可。(自动判断用户是PC访问还是手机访问,跳转成相应的域名)


<script type="text/javascript">
        var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate",
       "bada", "nokia", "lg", "ucweb", "skyfire");
        var browser = navigator.userAgent.toLowerCase();
        var isMobile = false;
        for (var i=0; i<mobileAgent.length; i++) {
            if (browser.indexOf(mobileAgent[i])!=-1) {
                isMobile = true;
                location.href = 'https://m.xuewangzhan.net/';
                break;
            }
        }
</script>

发表评论

电子邮件地址不会被公开。 必填项已用*标注

学做网站论坛零基础学建网站课程