手机网站怎么和PC网站共用域名
本课程视频是VIP会员课程,学习请进入VIP学习区。
现在做网站基本上都是手机网站与PC网站同步的,制作手机网站时,怎么实现和PC网站共用一个域名呢?下面学做网站论坛提供了二种方法。
方法一:使用响应式网站设计
响应式网站设计的意思就是自动适应用户浏览设备,变化网站的布局排版。它变化的是网站版面,但网站的域名是不变的。与PC网站的域名是一样的,就可以实现手机网站和PC网站共用域名的效果。
响应式网站制作,学做网站也提供了详细的教程,参考:响应式手机网站制作视频教程
方法二:启用PC站域名二级域名来访问手机网站
这是一些网站在用的方法。举个例子:一个网站PC网站的域名是www.xuewangzhan.net,它的手机站的域名可以设置为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>