陪同挪动互联网手艺的疾速成长, 各种挪动装备获得普遍广泛, 智能手机用户的数量更是迅猛促进。在手机网民迅猛促进的形式之下, 几近所有效户都进展能经由过程手机便当、快速地拜候网站。而传统网站的界面和气势派头都是针对PC端计划的, 用户直接在挪动装备下面应用, 会呈现诸多题目。传统网站在用户体验上, 不克不及满足手机用户的需求。
挪动装备与PC在分辩率和屏幕显示标的目标上都有很大的差别, 并且受聚集和自己处置惩罚才气的限制, 当用户应用手机浏览传统网站时, 都会呈现页面结构混乱、无用信息过量等征象, 页面了局不尽如人意。主要的题目以下：第一, 因为智能手机的屏幕尺寸比PC屏幕小, 用户应用智能手机直接拜候传统网站, 常常会因为屏幕尺寸缺乏而页面变形。即使页面不乱形, 智能手机上显示的了局也是PC页面的削减版,过小的翰墨、图片等页面元素, 晦气于用户浏览。
第二, 对用户把持对照多的功效性网站, 传统的PC把持便当, 不会给用户带来搅扰。假设直接在手机上应用此类网站, 削减的功效按钮和假造键盘给用户把持带来极大的未便, 用户体验大大降低。第三, PC是经由过程有线聚集来拜候网上本钱的, 其手艺已经十分红熟, 不会受流量与速度的限制。为了追求更高的用户体验, 传统PC页面上会应用大批的网页殊效, 再加上告白等信息, 页面数据量一般都对照大。而智能手机则经由过程无线聚集来拜候网上本钱, 并且智能手机终端的处置惩罚才气远不如PC, 遭到无线聚集和智能手机自己处置惩罚才气的限制, 应用智能手机直接拜候传统PC网站, 会呈现下载速度慢和发作大批流量资费等题目。在网站获得普遍应用的今天, 考虑到挪动互联网的特性与特点, 若何将传统PC网站构建为适应挪动互联网成长趋向, 实用于各种智能挪动终端的网站, 成为了各人极其存眷的核心。
针对以上题目, 将传统PC网站构建为兼容各种智能终端的挪动版网站已是大势所趋。今朝, 详细的完成方式主要有以下三种：
(一) 页面重修
该方式是在原有PC站点的根基之上, 经由过程结构团队或寻觅软件启示公司, 针对智能挪动终端的特点, 启示挪动版网站, 构成PC站点+挪动站点的结构。用户浏览网站时, 按照自己应用的客户端装备范例, 来遴选对应的网站版本。此方式可以也许按照分歧的客户端而量身定制满足客户需求的站点, 可以也许最大水平的进步用户体验, 但这类体例存在启示本钱和回护本钱高等缺点。
(二) 应用百度Site App对象
此方式借助第三方对象百度Site App, 经由过程该对象疾速将传统PC网站构建为挪动版网站。详细完成历程以下:
(1) 经由过程输入官方所在http://siteapp.百度.com, 翻开在线对象Site App, 并在个中输入想要构建为手机网站的PC网站所在;
(2) 遴选目标网站的款式;
(3) 经由过程增加可能主动抓取等体例, 设置目标网站的导航;
(4) 按照需要, 增加德律风、邮箱、版权等相干组件;
(5) 下载考证文件, 上传至网站根目次进行网站考证;
(6) 绑定域名, 设置装备陈设dns便可。
Site App对象对繁芜剧本的处置惩罚才气无限, 并且对网站交互功效的转换了局对照差, 是以它对照合适于构建以翰墨浏览为主的网站。
(三) 响应式网站
响应式网站也称之为自适应网站, 它可以也许兼容各种客户终端。也就是说, 接纳这类方式, 只需启示一个网站, 便可供给,给所有的装备装备应用, 无需考虑屏幕尺寸纷歧的题目。将PC网站构建为响应式网站, 既要保存其原有的PC端浏览了局, 又要使其兼容分歧范例的智能终端装备, 以是只能在对峙原有网站结构的条件下, 经由过程新建款式表来满足智能终端的浏览需求。详细完成历程以下:
(1) 剖析网站, 删减冗余内容。按照挪动终端装备受聚集和屏幕尺寸限制的特点, 其浏览的网页应是最精简的。这就哀求我们对原有PC网站进行剖析, 舍弃页面中起润饰润饰感化, 和主要的内容, 保存页面的核心内容。
(2) 编写合适于挪动终端显示的款式表。精简网站的内容以后, 便可编写合适挪动终端浏览的CSS款式表。编写时需留意两个要点:其一, 对舍弃的内容, 可经由过程display:none属性值对进行设置, 将其潜藏掉;其二, 用于结构的div模块, 宽度都应用百分比进行设置, 完成自适应宽度的流体结构。
(3) 按照客户端屏幕尺寸巨细, 主动应用款式表。在网页页头中的link标签, 应用CSS3的media query设置功效, 让页面能按照分歧装备屏幕尺寸, 主动加载对应的款式表。
响应式网站经由过程应用流体结构、媒体查询等手艺建造网页, 使得网页可以也许自适应分歧的终端装备。它是今朝构建兼容PC和智能挪动装备网站的最好计划, 也是Web计划的趋向。