为了适应手机端,移动端与电脑端多端浏览,网站设计的时候其实有2套方案,其实无论是哪一种方案,都是经过许多种实验与改进而来,铬元素工作室可以跟大家聊一聊网站设计移动端的发展史,这样让读者可以清晰的认识到,网站设计这个行业近几年在智能手机兴起的大趋势下是如何进步的。
2015年,有2件大事彻底改变了国人生活,对未来几年中国的商业模式产生了翻天覆地的影响,他们分别是“移动4g网络费用提速降费”与“小米智能手机开始占据市场主导”。没错,自此,移动互联网时代才正式开始走入普通人的生活,让老百姓也能买得起智能手机,上得了网了。
紧接着,微信大行其道,百度,腾讯等公司纷纷开始布局移动互联网市场,当时就有大佬预测,今后80%的流量来自于手机端,如今看来,大佬就是大佬,想必许多人家里的电脑都成摆设了吧。而网站这个承接着互联网信息发展的基本单位,也开始飞速转变,由pc端开始走向移动端。
那个时候,有2个问题需要解决:移动端页面展示与数据同步(其实就是目前制作手机网站需要注意的两个重点)。
于是,最简单的解决方案出来了,省时省力,那就是针对手机端单独设计一套风格模版的静态页面,把主要页面设计出来即可(首页,产品页,新闻页等等),这样当客户使用手机打开网站,就给他展示这套适配手机端的静态页面。这在当时捕获了不少客户,于是就有了”制作网站送手机站”这个噱头。
但这只是解决了一个方面的问题,对于一般的小型企业网站似乎并不受影响,但对于长期提供信息为主的网站,问题就大了,这该怎么办呢?后来随着js脚本的出现,就有了完美的解决方案:使用js脚本做判断,如果是手机端访问的呢,就提供手机的模版,反之就提供电脑的模版:
$agent
= check_wap();
if
(
$agent
)
{
header(
'Location: http://www.nowamagic.net'
);
exit
;
}
// check if wap
function
check_wap(){
// 先检查是否为wap代理,准确度高
if
(
stristr
(
$_SERVER
[
'HTTP_VIA'
],
"wap"
)){
return
true;
}
// 检查浏览器是否接受 WML.
elseif
(
strpos
(
strtoupper
(
$_SERVER
[
'HTTP_ACCEPT'
]),
"VND.WAP.WML"
) > 0){
return
true;
}
//检查USER_AGENT
elseif
(preg_match(
'/(blackberry|configuration\/cldc|hp |hp-|htc |htc_|htc-|iemobile|kindle|midp|mmp|motorola|mobile|nokia|opera mini|opera |Googlebot-Mobile|YahooSeeker\/M1A1-R2D2|android|iphone|ipod|mobi|palm|palmos|pocket|portalmmm|ppc;|smartphone|sonyericsson|sqh|spv|symbian|treo|up.browser|up.link|vodafone|windows ce|xda |xda_)/i'
,
$_SERVER
[
'HTTP_USER_AGENT'
])){
return
true;
}
else
{
return
false;
}
}