产品使用及交流论坛

首页 » 产品使用交流区 » 安装及使用交流 » 怎么让手机站和PC站根据用户上网设备自动切换网站?
qq1835671230 - 2015/1/16 15:13:14
怎么让手机站和[url=www.htjdgl.com]PC站[/url]根据用户上网设备自动切换访问网站?


另外能不能跳到站外连接?












[url]www.htjdgl.com[/url]
scstjcy - 2015/1/16 17:07:03
要另外写一套适应手机或其他移动设备的css,并在网站头加一条语句判断。
acerdcl - 2015/1/16 19:24:52
我也菜鸟哈,之前简单试验过,最近有空准备做一下,这里提供两种方案
1,把网站做成自适应网站,参考网络文章基础上,可以看官方最新发布的blog模板,这个就是自适应的。
2,做一个窄分辨率的子站,做全屏模板,全屏模板做法参考论坛教程区
然后在主站首页head区加JS判断来访设备,如果是移动设备,就跳转到手机子站
提供我试验过的两段JS,都好用
方法一:百度js
<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("你的手机版网址");</script>

方法二:纯js
第一种:直接JS脚本
<script type="text/javascript">
try {
var urlhash = window.location.hash;
if (!urlhash.match("fromapp"))
{
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{
window.location="http://www.laozuo.org(更换成自己的WAP网站)";
}
}
}
catch(err)
{
}</script>
第二种,稍微长一些,引用
function uaredirect(murl){
try {
if(document.getElementById("bdmark") != null){
return;
}
var urlhash = window.location.hash;
if (!urlhash.match("fromapp")){
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
location.replace(murl);
}
}
} catch(err){}
}
上述的脚本保持到mobile.js文件,然后在需要调用的页面引用下面2个JS调用文件。
<script src="mobile.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("http://www.laozuo.org(更换成自己的WAP网站)");</script>
两种方法都可以使用,在安卓和IPHONE测试可行。
qq1835671230 - 2015/1/17 14:01:22
[b]回复 [url=http://bbs.pageadmin.net/showtopic-31303.aspx#122852]3楼[color=Olive]acerdcl[/color]的帖子[/url][/b]

谢谢
viita - 2015/5/29 15:20:35
留个脚印,用的第一种,百度JS脚本判断,手机网站版地址   那块  直接写wap就OK了
aiyaya2004 - 2016/5/19 9:29:42
MARK留言,谢谢。
1
查看完整版本: 怎么让手机站和PC站根据用户上网设备自动切换网站?