为了适应手机端,移动端与电脑端多端浏览,网站设计的时候其实有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;
}
}
完美,这不仅解决了手机端网站访问完美的问题,还解决了数据同步的问题,至此,一套解决移动端适配的问题基本圆满。可是技术是需要不断进步的,这种适配也随着css3+html5的发布又有所提高,那就是响应式H5技术了,这种技术不仅完美的解决了双端问题,并且还可以适配平板电脑。
既然h5可以代替移动端模版,那是不是咱们制作网站,以后就使用响应式就好了呢,不需要制作移动端了?其实,移动端与响应式设计各有特点,单从手机适配来看,移动端其实更有优势,因为移动端是专门为手机设计的,考虑到手机版面,承载功能,受众方便程度等等因素,会更贴合客户浏览习惯,而响应式合计呢,由于是自动适配,需要同时兼顾手机电脑双端,会在制作过程中牺牲一些设定,而且多数响应式使用bootstrap框架,会有审美疲劳,另外,响应式网站需要精通使用bootstrap,成本相比一般网站要高一些,不过有点在于视觉冲击效果好,如何取舍,还的看具体的网站设计类型了。
常见问题
所有的素材与插件都可以用吗?
本站所有的素材与插件(包括免费的),都是本工作室用过的,测试过的,或者二开修改过的,理论上来说没有什么bug,但不保证在所有环境下都可以完美运行。
收费素材与免费素材怎么定义的
本站收费的素材,也是及其便宜的,其实就是收个打赏钱,是工作室对这些插件的测试,整理,修复,优化的辛苦钱,并非开发插件的费用,原创插件或者模版收费稍贵一些。
出现问题了怎么办?
由于收费非常低,大部分都不超10元,所以并不提供售后服务,但您如果需要,可以联系我付费咨询,费用为50元/次/小时。如果是原创模版或者插件,可以免费为您指导。
原文链接:https://www.52gys.cn/3590.html,转载请注明出处。
评论0