机网站已经非常普遍了,一般手机网站都有一个二级域名来访问,比如 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小时内与您取得联系。