如何去除掉betheme主题顶端菜单右边的buynow按钮
2020年12月17日
工作室网站建设与公司网站建设哪个靠谱?
2020年12月21日

为了适应手机端,移动端与电脑端多端浏览,网站设计的时候其实有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,成本相比一般网站要高一些,不过有点在于视觉冲击效果好,如何取舍,还的看具体的网站设计类型了。
铬元素大人
铬元素大人
喜欢电影,小说和游戏,也喜欢鼓捣主题,想做好独立站的死宅一枚

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

在线客服
在线客服
热线电话
QQ客服