機網站已經非常普遍了,一般手機網站都有一個二級域名來訪問,比如 m.某某.com 如果手機直接訪問www.某某.com 就是PC網站,在手機上瀏覽電腦版網站體驗非常不好。
如果能夠手機訪問PC端電腦網站自動跳轉到手機網站就好了:
代碼如下:
將以下代碼放在<head></head>內
<SCRIPT LANGUAGE=
"JavaScript"
>
function
mobile_device_detect(url)
{
var
thisOS=navigator.platform;
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.length;i++)
{
if
(thisOS.match(os[i]))
{
window.location=url;
}
}
//因為相當部分的手機系統不知道信息,這里是做臨時性特殊辨認
if
(navigator.platform.indexOf(
'iPad'
) !=-1)
{
window.location=url;
}
//做這一部分是因為Android手機的內核也是Linux
//但是navigator.platform顯示信息不盡相同情況繁多,因此從瀏覽器下手,即用navigator.appVersion信息做判斷
var
check=navigator.appVersion;
if
( check.match(/linux/i) )
{
//X11是UC瀏覽器的平臺 ,如果有其他特殊瀏覽器也可以附加上條件
if
(check.match(/mobile/i) || check.match(/X11/i))
{
window.location=url;
}
}
//類in_array函數
Array.prototype.in_array=
function
(e)
{
for
(i=0;i<
this
.length;i++)
{
if
(
this
[i]==e)
return
true
;
}
return
false
;
}
}
mobile_device_detect(
"http://m.某某.com"
);
</SCRIPT>
現在移動互聯網的發展,現在很多企業做網站開發不僅是電腦端的網站,還包括了移動端網站的開發,移動端網站開發和pc端是有一定的區別,比如移動端的頁面更小,移動端的打開和加載速度都遠低于電腦端訪問網站,其實除過這兩點,pc端網站的建設和移動端網站開發都是有很多的區別,今天我們一起來了解下。
移動端網站和pc端的網站在設計風格上是不太一樣的,很多人說手機站不就是pc站的縮小版么,為什么還要不一樣?這里大家要注意,手機網站和pc網站的像素大小不同,另外一點就是手機屏幕操作和電腦操作是不一樣的,所以有些功能電腦網站操作很簡單,但是手機站操作很麻煩,所以手機網站開發就不能全部抄pc端網站。
另外一點就是手機網站開發語言和pc端網站是不一樣的,以前手機網站的語言是HTML寫的,而現在已經采用了HTML5技術,可以自適應所有尺寸的手機屏幕,有著更強大的網頁表現能力,也優于其他前端語言的aeo性能,讓企業能把握住移動搜索引擎的流量入口。而css3的技術可以讓手機網站的布局字體、顏色和背景有更炫麗的效果。
做好手機網站的建設也更方便用戶去看,如果一個企業只有一個電腦端網站,沒有一個手機端的網站,那么手機訪問的話打開網站的頁面就是不完整的,因為手機訪問電腦網站是在是太大了,所以需要縮放,而如果有手機網站的話,就會自適應成更適合手機網站訪問的頁面,這樣看起來就更加的清楚,也更加的方便,這就是手機網站建設的重要性,如果企業要做移動端營銷,那么手機網站建設是很有必要的。
機訪問pc網站時使用js自動跳轉到移動網站域名對應的頁面鏈接javascript代碼。這是比較典型的跳轉需求,當用戶使用手機打開pc網站鏈接時,希望能跳轉到移動網站對應的頁面,適用于網站使用兩個域名區分pc,移動端的情況。比如www.域名.com是電腦站,m.域名.com是移動站這樣兩個域名,并且目錄結構url是一樣的,只有域名不一樣。
此代碼當手機訪問pc站時跳轉到移動站的對應頁面,代碼放在pc站上。最好放在<head>下面第一位,最先加載這段js,跳轉更快一點。
<script type="text/javascript">
function browserRedirect() {
var hz=location.pathname;
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="http://m.reaer.com"+hz+"#www";
} else {
}
}
browserRedirect();
</script>
*請認真填寫需求信息,我們會在24小時內與您取得聯系。