怎么让网站自动识别设备,自动跳转wap页面 怎么让网站自动识别设备,自动跳转wap页面?
\u600e\u4e48\u8ba9iphone\u6d4f\u89c8\u5668\u4e0d\u4ecewww\u7f51\u7ad9\u81ea\u52a8\u8df3\u8f6c\u5230wap\u7f51\u9875?\u4e00\u822c\u7684\u7f51\u7ad9\u662f\u4f1a\u68c0\u6d4b\u5230 iPhone \u8bbe\u5907\uff0c\u7136\u540e\u81ea\u52a8\u8df3\u8f6c\u81f3 Wap \u79fb\u52a8\u7f51\u9875\u4e2d\u7684\uff1b
\u5bf9\u4e8e\u5f53\u524d\u7684 iOS8\u3001iOS9 \u7cfb\u7edf\u4e2d\uff0c\u53ef\u4ee5\u5728 Safari \u4e2d\u8bf7\u6c42\u8f6c\u6362\u5230\u7535\u8111\u7248\u7f51\u9875\u7684\uff1b
\u5982\u4e0b\u56fe\u6240\u793a\uff0c\u5728 iOS9 \u7cfb\u7edf\u4e2d\u53ef\u4ee5\u901a\u8fc7\u70b9\u51fb\u5206\u4eab\u6309\u94ae\u4ee5\u540e\uff0c\u5728\u83dc\u5355\u4e2d\u70b9\u51fb\u3010\u8bf7\u6c42\u684c\u9762\u7ad9\u70b9\u3011\u8fd9\u4e2a\u529f\u80fd\u6765\u5b9e\u73b0\u3002
\u8ba9\u7f51\u7edc\u81ea\u52a8\u8bc6\u522b\u8df3\u8f6c\uff0c\u6709\u4e0b\u5217\u89e3\u51b3\u529e\u6cd5\uff1a
\u5728\u7f51\u7ad9head\u6807\u7b7e\u91cc\u52a0\u8df3\u8f6c\u8bed\u53e5\uff0c\u8981\u5b9e\u73b0\u7f51\u7ad9\u6839\u636e\u8bbf\u95ee\u8bbe\u5907\u81ea\u52a8\u8bc6\u522b\u5c55\u793a\u624b\u673a\u7ad9\u6216PC\u7ad9\u8fd9\u4e2a\u529f\u80fd\uff0c\u9700\u8981\u4ee5\u4e0b\u51e0\u4e2a\u6b65\u9aa4\uff1a\u5728\u7535\u8111\u4e0a\u8bbf\u95ee\u5b98\u65b9\u7f51\u7ad9\uff0c\u70b9\u51fb\u8fdb\u5165\u3002
\u5728\u7f51\u7ad9head\u6807\u7b7e\u91cc\u52a0\u8df3\u8f6c\u8bed\u53e5\uff0c\u8981\u5b9e\u73b0\u7f51\u7ad9\u6839\u636e\u8bbf\u95ee\u8bbe\u5907\u81ea\u52a8\u8bc6\u522b\u5c55\u793a\u624b\u673a\u7ad9\u6216PC\u7ad9\u8fd9\u4e2a\u529f\u80fd\uff0c\u9700\u8981\u4ee5\u4e0b\u51e0\u4e2a\u6b65\u9aa4\uff1a\u5728\u7535\u8111\u4e0a\u8bbf\u95ee\u5b98\u65b9\u7f51\u7ad9\uff0c\u70b9\u51fb\u8fdb\u5165\u3002
\u5728PC\u7aef\u7684\u7f51\u7ad9\u4e0a\u52a0\u4e0a\u4e00\u6bb5\u4ee3\u7801\uff0c\u6bcf\u4e2a\u9875\u9762\u90fd\u9700\u8981\u52a0\u4e0a\uff0c\u653e\u5728PC\u7aef\u7f51\u7ad9head\u6807\u7b7e\u91cc\u9762\u3002
\u8fdb\u5165\u57df\u540d\u89e3\u6790\u7cfb\u7edf\uff0c\u505a\u4e00\u4e2a\u522b\u540dcname\u89e3\u6790\uff0c\u6bd4\u5982\uff1a\u4f60\u624b\u673a\u7f51\u7ad9\u5236\u4f5c\u516c\u53f8\u7ed9\u7684\u5730\u5740123.\u57df\u540d.com\u89e3\u6790\u5230m.baidu.com\u57df\u540d\u89e3\u6790\u7cfb\u7edf\u3002
\u6839\u636e\u79fb\u52a8\u7ec8\u7aef\u548c\u6d4f\u89c8\u5668\u7248\u672c\u4fe1\u606f\u5224\u5b9a\u7684\u8bed\u6cd5\uff0c\u81ea\u52a8\u8bc6\u522b\u624b\u673a\u9875\u9762\u3001iPad\u9875\u9762\u548cwap\u9875\u9762\u3002
\u81ea\u52a8\u8bc6\u522b\u79fb\u52a8\u7aef\u9002\u914d\u8df3\u8f6c\u7f51\u5740\u7684\u4ee3\u7801\u3002
PC\u7248\u7f51\u9875\u81ea\u52a8\u8bc6\u522b\u624b\u673a\u5ba2\u6237\u7aef\u5e76\u8df3\u8f6c\uff0c\u7528js\u8fdb\u884c\u5224\u65ad\u662f\u5426\u624b\u673a\u5ba2\u6237\u7aef\u8fdb\u884c\u8df3\u8f6c\u6700\u597d\uff0c\u7279\u522b\u662f\u9759\u6001\u7f51\u9875\uff0c\u628a\u8fd9\u4e2a\u8fc7\u7a0b\u901a\u8fc7js\u7684\u65b9\u5f0f\u653e\u5728\u7528\u6237\u5ba2\u6237\u7aef\u6267\u884c\uff0c\u53ef\u4ee5\u5927\u5927\u51cf\u5c11\u670d\u52a1\u5668\u7aef\u989d\u5916\u5904\u7406\u7684\u538b\u529b\uff0c\u4f46\u662f\u6709\u65f6\u9700\u8981\u901a\u8fc7\u5728\u670d\u52a1\u5668\u7aef\u8fdb\u884c\u5224\u65ad\u7684\u60c5\u51b5\u9664\u5916\u3002
自动识别跳转,主要有以下几种方法可以尝试:
1、在网站head标签里加跳转语句
要实现网站根据访问设备自动识别展示手机站或PC站这个功能,需要以下几个步骤:
(1)、你得有一个PC端,在电脑上访问的官方网站,比如:www.baidu.com。
(2)、你需要重新制作一个移动端的手机网站,比如:m.baidu.com。
(3)、在PC端的网站上加上一段代码,每个页面都需要加上,放在PC端网站head标签里面,代码如下:
//平台、设备和操作系统
var system = {
win: false,
mac: false,
xll: false
};
//检测平台
var p = navigator.platform;
system.win = p.indexOf(“Win”) == 0;
system.mac = p.indexOf(“Mac”) == 0;
system.x11 = (p == “X11″) || (p.indexOf(“Linux”) == 0);
//跳转语句
if (!(system.win || system.mac || system.xll)) {//转向电脑界面
window.location.href = “http://m.baidu.com”;
}
(4)、进入域名解析系统,做一个别名cname解析,比如:你手机网站制作公司给的地址123.域名.com解析到m.baidu.com域名解析系统。
2、根据移动终端和浏览器版本信息判定的语法
还有一些站长或SEO可能会考虑到移动终端的版本和浏览器版本信息,对此,肥猫科技也为大家整理了一段比较有效的代码,如下所示:
<script type="text/javascript">
var browser={
versions:function(){
var u = navigator.userAgent, app = navigator.appVersion;
return {//移动终端浏览器版本信息
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端
ios: !!u.match(/i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
iPhone: u.indexOf('iPhone') > -1 || (u.indexOf('Mac') > -1 && u.indexOf('Macintosh') < 0), //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
if (browser.versions.ios||browser.versions.android||browser.versions.iPhone||browser.versions.iPad) {
self.location=http://www.baidu.com;
}
</script>
3、自动识别手机页面、iPad页面和wap页面
可以根据不同的终端类型适当的改变正则表达式,这段代码添加到需要识别的网页,会根据客户端的类型自动跳转到手机页、平板页或其他移动设备页面,非常的灵活!
<script type="text/javascript">
if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf("?mobile")<0){
try{
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
window.location.href="http://www.baidu.com/m";
}else if(/iPad/i.test(navigator.userAgent)){
window.location.href="http://www.baidu.com/pad";
}else{
window.location.href="http://www.baidu.com/wap"
}
}catch(e){}
}
}
</script>
4、使用PHP语言来识别
对于一些精通PHP语言的博友来说,也可以通过PHP语法来实现,比如以下的写法:
//设定Mobile的定义
$mobileAgent = array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire");
//读取用户的浏览器资料
$browser = $_SERVER['HTTP_USER_AGENT'];
$isMobile = false;
//检查开始
foreach($mobileAgent as $search){
if(stristr($browser,$search)!=false){
$isMobile = true;
//echo $search;
//程式码(转址)
header("Location: http://www.baidu.com/m/index.html");
//停止运行程序
exit;
}
}
?>
5、做个自动识别的效果
经过多次测试,我们也可以做个自动识别的效果,方法很简单,在你需要自动跳转的页面加入以下代码:
<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;
//alert(mobileAgent[i]);
location.href = 'http://siteapp.baidu.com/webapp/mahaixiang.cn#m/http://mahaixiang.cn/';
break; } }
</script>
6、自动识别移动端适配跳转网址的代码
手机版的网站需要简单,以文字为主,才能很好的兼容,可以在网站的首页设置一个程序来判断用户是手机端还是电脑,如果是手机端,直接中转到手机端,如果是电脑端,直接中转到电脑端(大家也可以使用百度提高的百度移动搜索开放适配服务。
对此,大家可以在网站的首页插入入下代码:
<script type="text/javascript">
function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
window.location.href=B页面;
}
}
browserRedirect();
</script>
<script type="text/javascript">uaredirect("<A href='http://www.baidu.com/wap/","http://www.baidu.com/index.html");http://www.baidu.com/wap/","http://www.baidu.com/index.html");
</script>
在肥猫科技看来,PC版网页自动识别手机客户端并跳转,用js进行判断是否手机客户端进行跳转最好,特别是静态网页,把这个过程通过js的方式放在用户客户端执行,可以大大减少服务器端额外处理的压力,但是有时需要通过在服务器端进行判断的情况除外。
让网络自动识别跳转,有下列解决办法:
在网站head标签里加跳转语句,要实现网站根据访问设备自动识别展示手机站或PC站这个功能,需要以下几个步骤:在电脑上访问官方网站,点击进入。
在网站head标签里加跳转语句,要实现网站根据访问设备自动识别展示手机站或PC站这个功能,需要以下几个步骤:在电脑上访问官方网站,点击进入。
在PC端的网站上加上一段代码,每个页面都需要加上,放在PC端网站head标签里面。
进入域名解析系统,做一个别名cname解析,比如:你手机网站制作公司给的地址123.域名.com解析到m.baidu.com域名解析系统。
根据移动终端和浏览器版本信息判定的语法,自动识别手机页面、iPad页面和wap页面。
自动识别移动端适配跳转网址的代码。
PC版网页自动识别手机客户端并跳转,用js进行判断是否手机客户端进行跳转最好,特别是静态网页,把这个过程通过js的方式放在用户客户端执行,可以大大减少服务器端额外处理的压力,但是有时需要通过在服务器端进行判断的情况除外。
绛旓細鎵嬫満缃戠珯鑷姩璇嗗埆缁堢绉诲姩绔傞厤璺宠浆缃戝潃鐨勪唬鐮 鍙互鏍规嵁涓嶅悓鐨勭粓绔被鍨嬮傚綋鐨勬敼鍙樻鍒欒〃杈惧紡 杩欐浠g爜娣诲姞鍒伴渶瑕佽瘑鍒殑缃戦〉 浼氭牴鎹鎴风鐨勭被鍨 鑷姩璺宠浆鍒版墜鏈洪〉 骞虫澘椤 鍏朵粬绉诲姩璁惧椤甸潰 闈炲父鐏垫椿 if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|...
绛旓細if ( ( strpos($_SERVER['HTTP_USER_AGENT'], 'Mobile') !== false && strpos($_SERVER['HTTP_USER_AGENT'], 'iPad') === false) || strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Silk/') !== false ||...
绛旓細PC鍜岀Щ鍔ㄧ珯鐐规坊鍔犻傞厤浠g爜锛屽悓鏃跺湪鐧惧害绔欓暱骞冲彴鎻愪氦瀵瑰簲鍏崇郴銆傘愯烦杞傞厤銆戝湪姝ら厤缃腑锛屾瘡涓猵c鐗堢綉鍧閮藉叿鏈変竴涓搴旂殑涓嶅悓缃戝潃锛鐢ㄤ簬鎻愪緵閽堝绉诲姩璁惧杩涜浼樺寲鐨勫唴瀹广備负浜嗗府鍔╂垜浠殑绠楁硶浜嗚В鍗曠嫭鐨勭Щ鍔ㄧ増缃戝潃锛屾垜浠缓璁偍浣跨敤浠ヤ笅娉ㄩ噴锛氬湪pc鐗缃戦〉涓婏紝娣诲姞鎸囧悜瀵瑰簲绉诲姩鐗堢綉鍧鐨勭壒娈婇摼鎺 rel="alternate" 鏍囪...
绛旓細杩欑浣犳病鏈夊姙娉曠殑锛屾槸缃戠珯鑷姩璺宠浆鐨勶紝褰撲綘璁块棶鏃锛岀綉绔欒嚜鍔妫娴嬩綘鐢ㄧ殑鏄墜鏈鸿繕鏄數鑴戯紝鐒跺悗杩涜鑷姩璺宠浆锛屾湁鐨勭綉绔欐病鏈鑷姩璇嗗埆鍔熻兘鐨勮瘽锛屼綘鐐圭數鑴戠増 鎵嬫満鐗堬紝鍒囨崲鏄鐢ㄧ殑銆傜櫨搴﹀氨鏄嚜鍔ㄨ瘑鍒殑銆
绛旓細鑷姩璇嗗埆鎵嬫満绯荤粺鏉′笓閬撲笉鍚岀殑椤甸潰闇瑕佸湪鏈嶅姟鍣ㄧ瀹炵幇銆備絾鏄篃涓嶆槸瀹屽叏鍙潬锛屽彧鑳芥槸澶ц嚧涓婂疄鐜帮紝閫氳繃鍒嗘瀽鎵嬫満鎻愪氦鐨凥TTP澶 (Header)淇℃伅璇嗗埆锛屽墠鎻愭槸鎵嬫満鎻愪氦浜嗚冻澶熺殑HTTP澶翠俊鎭
绛旓細鎵嬫満璁块棶缃戠珯鏃惰嚜鍔ㄨ烦杞埌wap鐩綍鎴杦ap绔欑偣鑷姩璇嗗埆璺宠浆浠g爜锛< HTTP_ACCEPT=Request.ServerVariables("HTTP_ACCEPT") '鑾峰彇娴忚鍣ㄧ殑淇℃伅 HTTP_USER_AGENT=LCase(Request.ServerVariables("HTTP_USER_AGENT")) '鑾峰彇AGENT HTTP_X_WAP_PROFILE=Request.ServerVariables("HTTP_X_WAP_PROFILE") 'WAP鐗瑰畾淇℃伅 ...
绛旓細杩欎釜鏄彲浠ョ殑锛屼富瑕佸湪棣栭〉 Index.html鐢璇嗗埆鐢佃剳鍜屾墜鏈虹殑浠g爜锛屼綘鍙﹀寤轰竴涓〉闈㈠仛WEB缃戠珯鐨勯椤垫瘮濡俬ttp://www.6a6v.com/Index2.html銆傜劧鍚庯紝Index.html閲岀殑浠g爜璇嗗埆鐢ㄦ埛鐧婚檰鐨璁惧鍚庡垎鍒繘鍏ttp://www.6a6v.com/Index2.html鎴杊ttp://www.6a6v.com/index.wml銆傞偅浠g爜鎴戝繕浜嗭紝鏈夌┖鎴戞壘缁欎綘銆
绛旓細杩欎釜鏄彲浠ョ殑锛屼富瑕佸湪棣栭〉 Index.html鐢璇嗗埆鐢佃剳鍜屾墜鏈虹殑浠g爜锛屼綘鍙﹀寤轰竴涓〉闈㈠仛WEB缃戠珯鐨勯椤垫瘮濡傘傜劧鍚庯紝Index.html閲岀殑浠g爜璇嗗埆鐢ㄦ埛鐧婚檰鐨璁惧鍚庡垎鍒繘鍏ユ垨銆 閭d唬鐮佹垜蹇樹簡锛屾湁绌烘垜鎵剧粰浣犮倊
绛旓細甯︿笂鐧诲綍鏍囪瘑璺宠浆浜, 渚嬪, 鐧诲綍涔嬪悗, 鍦║RL涓敓鎴愪竴娈靛姞瀵嗗瓧绗, t=XXXXXXXXXXXXXX, 鍒扮ぞ鍖虹殑鏃跺, 鐢╰楠岃瘉涓涓嬩笉灏監K浜.
绛旓細鐢佃剳鑰佹槸璺虫棤娉璇嗗埆usb璁惧鐨勮В鍐虫柟娉曞涓嬶細鎿嶄綔璁惧锛氭埓灏旂瑪璁版湰鐢佃剳 鎿嶄綔绯荤粺锛歸in10 鎿嶄綔绋嬪簭锛氱鐞2.01 1銆佸彸閿滄鐢佃剳鈥濓紝鍦ㄥ脊鍑虹殑鑿滃崟涓夋嫨鈥滅鐞嗏濄2銆佽绠楁満绠$悊鐣岄潰濡備笅銆3銆佺偣鍑诲乏渚х殑璁惧绠$悊鍣紝鍐嶅睍寮鍙充晶鐨勯氱敤涓茶鎬荤嚎鎺у埗鍣ㄣ4銆侀夐」鈥滈氱敤USB闆嗙嚎鍣ㄢ濓紝鍙抽敭鍗歌浇璁惧銆