手机访问PC网站自动跳转到手机网站代码（转） - xihong - 博客园
随笔 - 411, 文章 - 0, 评论 - 2, 引用 - 0
4G时代，手机网站已经非常普遍了，一般手机网站都有一个二级域名来访问，比如 m.16css.com 如果手机直接访问&就是PC网站，在手机上浏览电脑版网站体验非常不好。
如果能够手机访问PC端电脑网站自动跳转到手机网站就好了：
代码如下：
将以下代码放在首页区
&SCRIPT&LANGUAGE="JavaScript"&
&function&mobile_device_detect(url)
&&&&&&&&var&thisOS=navigator.
&&&&&&&&var&os=new&Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows&Phone","Phone","Linux&armv71","MAUI","UNTRUSTED/1.0","Windows&CE","BlackBerry","IEMobile");
&for(var&i=0;i&os.i++)
&if(thisOS.match(os[i]))
&&&&&&&&{&&
&&window.location=
&&&&&&&&&&
&if(navigator.platform.indexOf('iPad')&!=&-1)
&&window.location=
&&var&check&=&navigator.appV
&&if(&check.match(/linux/i)&)
&&&&&&&&&&{
&&&if(check.match(/mobile/i)&||&check.match(/X11/i))
&&&&&&&&&&&&&&&&&{
&&&window.location=
&Array.prototype.in_array&=&function(e)
&&for(i=0;i&this.i++)
&&&if(this[i]&==&e)
&&&return&true;
&&return&false;
mobile_device_detect("http://m.16css.com");
倒数第二行中的&&就是要跳转到的手机版网址。&
还有一种比较简单的JS代码，测试也可以的
&script&type="text/javascript"&
var&urlhash&=&window.location.
if&(!urlhash.match("fromapp"))
if&((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
window.location="http://m.16css.com/";
catch(err)
第三款代码：
&script&type="text/javascript"&
function&urlredirect()&{
&&&&var&sUserAgent&=&navigator.userAgent.toLowerCase();&
&&&&if&((sUserAgent.match(/(ipod|iphone&os|midp|ucweb|android|windows&ce|windows&mobile)/i)))&{
&&&&&&&&var&thisUrl&=&window.location.
&&&&&&&&window.location.href&=&thisUrl.substr(0,thisUrl.lastIndexOf('/')+1)+'mobile/';
urlredirect();
http://www.16css.com/page_code/1157.html(就爱吃咪咪虾条)
(胡乱歌唱)
第三方登录：10:00 提问
如何实现手机访问时自动跳转到手机网站上，而不是PC网站呢？独立的域名以及空间
重新按照移动端的设计规则建一个移动网站，这样建成的网站将和原 PC 站相互独立，比如 新浪网 / 和 手机新浪网 / 3g.sina.com.cn
按赞数排序
不是自动识别 而是css全部是相对布局 而不是绝对布局吧
----------------------同志你好，我是CSDN问答机器人小N，奉组织之命为你提供参考答案，编程尚未成功，同志仍需努力！
根据请求的HTTP header中的UserAgent来判断客户端是什么类型，然后转到不同的域名
通过http user-agent判断是否为手机浏览器
以下是php的代码,
准确详细的回答，更有利于被提问者采纳，从而获得C币。复制、灌水、广告等回答会被删除，是时候展现真正的技术了！
其他相关推荐经验4182 米
在线时间251 小时
版本8.6.19
机型未知设备
签到次数63
MIUI版本8.6.19
上个小米官网，直接打开了小米商城，气人不气人
Screenshot_-15-12-34-134_com.android.browser.png (116.91 KB, 下载次数: 0)
Screenshot_-15-12-43-304_com.android.browser.png (508.25 KB, 下载次数: 0)
分享到微信朋友圈
打开微信，点击底部的“发现”，使用 “扫一扫” 即可将网页分享到我的朋友圈。
经验47032 米
在线时间1189 小时
版本8.7.20
机型未知设备
签到次数197
MIUI版本8.7.20
楼主，小米官网不就是小米商城吗？
经验21273 米
在线时间2168 小时
版本8.7.20
机型未知设备
签到次数82
MIUI版本8.7.20
在浏览器，设置，高级，设置起始页！查看是否使用了自定义？
当我看到在自己的协助下,别人很顺利地度过他们的困难的时候,我就会从心地里涌出一股难以言说的自豪感和幸福感,因为我感到了自己对他人的价值.
经验4182 米
在线时间251 小时
版本8.6.19
机型未知设备
签到次数63
MIUI版本8.6.19
洪_琰 发表于
楼主，小米官网不就是小米商城吗？
哥哥，我要的是电脑版的，这种的
Screenshot_-15-20-04-322_com.android.browser.png (473.49 KB, 下载次数: 0)
经验4182 米
在线时间251 小时
版本8.6.19
机型未知设备
签到次数63
MIUI版本8.6.19
洪_琰 发表于
楼主，小米官网不就是小米商城吗？
正常手机打开是这种的，功能差好多
Screenshot_-15-21-00-800_com.android.browser.png (915.58 KB, 下载次数: 0)
经验4182 米
在线时间251 小时
版本8.6.19
机型未知设备
签到次数63
MIUI版本8.6.19
乱舞飞天ol 发表于
在浏览器，设置，高级，设置起始页！查看是否使用了自定义？
没用过自定义
Screenshot_-15-22-24-720_com.android.browser.png (162.85 KB, 下载次数: 0)
经验6303 米
在线时间525 小时
版本8.3.26
积分 6962, 距离下一级还需 13038 积分
积分 6962, 距离下一级还需 13038 积分
机型小米手机5
签到次数118
MIUI版本8.3.26
浏览器里，设置-高级-浏览器标识（下滑屏幕，倒数第二项）-点击打开选择“桌面版”。
经验21273 米
在线时间2168 小时
版本8.7.20
机型未知设备
签到次数82
MIUI版本8.7.20
<font color="#1499925 发表于
没用过自定义
你是想看电脑版网页？浏览器标识选择桌面！
当我看到在自己的协助下,别人很顺利地度过他们的困难的时候,我就会从心地里涌出一股难以言说的自豪感和幸福感,因为我感到了自己对他人的价值.
经验4182 米
在线时间251 小时
版本8.6.19
机型未知设备
签到次数63
MIUI版本8.6.19
baijianqing 发表于
浏览器里，设置-高级-浏览器标识（下滑屏幕，倒数第二项）-点击打开选择“桌面版”。 ...
可以，老哥给的是正确答案
经验4182 米
在线时间251 小时
版本8.6.19
机型未知设备
签到次数63
MIUI版本8.6.19
乱舞飞天ol 发表于
你是想看电脑版网页？浏览器标识选择桌面！
MIUI 9纪念勋章
小米7周年勋章
2017米粉节晒单赢专属勋章
“澎湃S1 ”芯片纪念勋章
参与活动回帖可得
点赞金米兔勋章
参加小米上市回帖活动
MIUI 10专属勋章
参加回帖活动
2018新年勋章
参与回帖活动
MIUI真实车主勋章
参与回帖活动
2017圣诞节勋章
参与回帖活动
MIUI3亿用户纪念勋章
参与回帖活动
感恩节勋章
参与回帖活动
万圣节勋章
参加回帖活动
米兔月饼勋章
参加回帖活动
MIUI七夕鹊桥勋章
MIUI七周年
小米众筹2周年
参加回帖活动
新版论坛APP
更新新版APP
参与红米Note 4X活动
灵魂画手勋章
参与灵魂画手活动
2017年小金鸡勋章
回复2016年度评选活动贴
圣诞节勋章
参与圣诞活动
APP 1000万
MIUI论坛APP注册用户突破1000万纪念勋章
小火箭勋章
神舟11号 话题活动
MIUI 300周
MIUI 300周更新纪念勋章
为奥运加油勋章
为奥运加油勋章
MIUI 7纪念勋章
MIUI五周年
MIUI五周年纪念勋章
已关注微信
已关注极客秀微信
关注腾讯微博
已关注腾讯微博
关注新浪微博
已关注新浪微博
MIUI年度优秀勋章
MIUI六周年
MIUI六周年纪念勋章
全局搜索纪念勋章
参加全局搜索内测
优秀解答组
优秀解答组员专属勋章
Copyright (C) 2017 MIUI
京ICP备号 | 京公网安备34号 | 京ICP证110507号'I'm W3cdream，创造'，前·所·未·有
您的当前位置:>>
手机访问PC网站自动跳转到手机网站JS代码
4G时代，手机网站已经非常普遍了，一般手机网站都有一个二级域名来访问，比如 m.w3cdream.com 如果手机直接访问&就是PC网站，在手机上浏览电脑版网站体验非常不好。
如果能够手机访问PC端电脑网站自动跳转到手机网站就好了：
代码如下：
将以下代码放在首页区
&SCRIPT LANGUAGE="JavaScript"&
function mobile_device_detect(url)
var thisOS=navigator.
var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows Phone","Phone","Linux armv71","MAUI","UNTRUSTED/1.0","Windows CE","BlackBerry","IEMobile");
for(var i=0;i&os.i++)
if(thisOS.match(os[i]))
window.location=
//因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认
if(navigator.platform.indexOf('iPad') != -1)
window.location=
//做这一部分是因为Android手机的内核也是Linux
//但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手，即用navigator.appVersion信息做判断
var check = navigator.appV
if( check.match(/linux/i) )
//X11是UC浏览器的平台 ，如果有其他特殊浏览器也可以附加上条件
if(check.match(/mobile/i) || check.match(/X11/i))
window.location=
//类in_array函数
Array.prototype.in_array = function(e)
for(i=0;i&this.i++)
if(this[i] == e)
mobile_device_detect("http://m.w3cdream.com");
倒数第二行中的&&就是要跳转到的手机版网址。
还有一种比较简单的JS代码，测试也可以的
&script type="text/javascript"&
var urlhash = window.location.
if (!urlhash.match("fromapp"))
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
window.location="http://m.w3cdream.com/";
catch(err)
第三款代码：
&script type="text/javascript"&
// JavaScript Document
function urlredirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
if ((sUserAgent.match(/(ipod|iphone os|midp|ucweb|android|windows ce|windows mobile)/i))) {
// PC跳转移动端
var thisUrl = window.location.
window.location.href = thisUrl.substr(0,thisUrl.lastIndexOf('/')+1)+'mobile/';
urlredirect();
以上是三种不同的方法，大家可以是试试。
常用昵称：萧强，全端布道者
姓名：“刘晓强”，W3CDream创始人，目前就职于易点付。专注于web前端和移动端方面知识的研究，熟练掌握photoshop和AI，喜爱Flat UI设计和Metro UI风格，熟练掌握CSS3+HTML5技术、LESS CSS和Sass CSS，还有jQuery框架方面及一些前端框架bootstrap响应式设计等。
下一篇：已经没有下一篇内容了
您的浏览器不支持Video标签。
浏览器解决兼容方案
W3C梦想站一个帮助那些喜欢网站学习开发的人而建设的学习网站，是我们专题网站工作室的成员的汗水的结晶。自2011年成立以来，我们不断努力，终于在web开发领域有了一点心得，因此，在此建设这个网站希望能与大家一起交流，让我们互相进步。我们的个人相关信息，，专注于web前端各个方面的研究及一些前端框架和一些CMS方面知识研究。（灿 灿）网站后端开发者，致志于网站后台的开发和研究。我们有自己的技术论坛，可以一起加入我们，也可以加入我们的技术群（），我们在这里一起讨论，一起学习，一起进步！如有问题可以直接进群里联系我们，欢迎广大web爱好者进站交流。
w3cdream梦想站