万维景盛

万维景盛官网
  • 1***588 16:18:15 购买 卡密:BaCodeB
  • z***029 16:17:26 购买 卡密:BaCodeA
  • z***029 16:17:23 购买 卡密:BaCodeA
  • z***029 16:17:22 购买 卡密:BaCodeA
  • z***029 16:10:44 购买 卡密:BaCodeA
  • q***268 15:47:12 购买 卡密:BaCodeA
  • q***867 15:34:24 购买 卡密:BaCodeA
  • 3***798 15:04:37 捡便宜 虚机:HCB0
  • q***756 14:49:01 开通 虚机:ghost001
  • 3***798 14:36:41 下单 虚机:HCB0
  • 3***798 14:32:19 下单 虚机:HCB0
  • 1***588 14:29:04 购买 卡密:BaCodeB
  • q***ang 14:21:15 create 虚机:HCU0
  • q***ang 14:20:56 下单 虚机:HCU1
  • q***756 14:15:29 下单 虚机:ghost001
  • 0***seo 14:15:00 捡便宜 虚机:HCB0
  • 0***seo 14:13:52 下单 虚机:HCB0
  • 0***seo 14:13:03 下单 虚机:HCU0
  • q***867 14:02:15 购买 卡密:BaCodeA
  • 1***306 13:05:01 续费 虚机:HCV1

网站已经有PC电脑版,怎么开发手机端的移动WAP版?

随着移动互联网的发展,给自己企业的网站创建一个移动WAP站已经成为企业网站的必然选择,微信营销分享、移动搜索都离不开他!那么已经有PC版网站的,怎么样创建手机版的网站呢?万维景盛工程师为您分享手机版网站的技术实现方式。

手机版最核心的技术要领就是要适配手机屏幕,PC版的网页其实也可以在手机上访问,只不过浏览时文字很小,看不清,体验不好,那么要通过适配技术在小屏幕上显示合适的尺寸。

那么适配技术怎样实现呢?根据用户需求的不同,可以分为以下几种模式:

1、客户端CSS控制适配。

特点:PC版和手机版URL网址不变,网页内容一样,只是显示不一样,不会增加服务器负载,不需要后端程序开发,只需要前端设计人员调整CSS即可。适合没有后台程序员的企业网站。

代码:需要在header标签中加上自适应的meta代码

<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" media="screen and (min-width:0px) and (max-width: 767px)" />    
<meta name="apple-mobile-web-app-capable" content="yes" />

要领:在pc浏览器通过css显示pc版的html代码,在手机浏览器通过css调用wap版的代码。

2、客户端HTML5自适应

特点与模式1相近。代码更加简洁,不需要设计2份HTML代码,一份代码2种显示方式,并根据客户端浏览器判断自动调整宽度和字号。

代码:

<meta content="yes" name="apple-mobile-web-app-capable"/>    
<meta content="yes" name="apple-touch-fullscreen"/>    
<meta content="telephone=no,email=no" name="format-detection"/>    
<meta name="MobileOptimized" content="240"/>     
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width" />

3、服务器端自动匹配不同的模板

特点:网站需要设计两套模板,分别是PC版和WAP版,URL不变,这要求网站的应用层和展示层是分离的,如果没有模板机制那么就需要用模式4。只需要后台简单添加判断函数,前台多设计一套手机版的模板即可,不需要整体重新设计,适合以前只有PC版网站又要新增手机版的企业。万维景盛工程师提醒您,程序需要开源的,如果闭源了就无法修改程序了。

代码:需要调用客户端硬件或浏览器判断函数,asp和php都有现成的判断手机屏幕的函数,在每一个调用模板的地方,加上这个终端判断的函数,实现浏览的终端不同,调用的模板不同。


4、服务器端自动跳转到独立手机站

特点:手机版和PC版完全不同,程序和前端展示页面都可以独立设计,方便实现不同的功能和特点。比如手机端实现特别的促销等。当然,这样开发的工作量也较大,更新不能同步,运维比较费精力,适合大企业用户。

代码:同样需要调用模式3的终端判断函数,不过这里判断函数运行后,并不调用不同的模板,而是让网址跳转到手机版对应的网址。


综上来看,模式3是有了PC版网站的企业再建手机版网站的最佳选择,网站访问体验好,URL地址不变,开发工作量相对较少,内容更新同步,好维护。万维景盛工程师提醒您,如果想进行网站改版或者建手机网站,可以联系客服电话01057180806或者QQ 442956988 万维景盛设计师将竭诚为您服务!



来源:万维景盛
日期:2016/7/26

打印 】 
上一篇:百度编辑器UEditor粘贴进来的表格过滤掉td不显示边框的解决办法
下一篇:阿里云虚拟主机怎样添加MIME扩展后缀类型如.flv/.mp4
  >> 相关文章
 
  windows2008服务器怎样挂载数据盘为D盘分区?
  开启伪静态后百度同时收录动态页面和伪静态页面怎么办?
  一边文章弄清楚网站劫持那些事,你中的哪种招?
  阿里云服务器php多版本主机系统支持ioncube和SSL https怎样设置开启?
  阿里云服务器怎样优化网站页面的用户访问速度
  已解决:mysqlnd cannot connect to MySQL 4.1+ using the old insecure authentication密码兼容问题
  怎样开启ECShop网店系统的调试模式
  什么是一句话木马,怎样防范一句话木马?
会员 客服 QQ 电话 充值 工单
Top

客服热线

010-57180806

18610695105

请拨总机 010-57180806

咨询售后问题建议 提交工单