2、升级较简单

升级不需要通知用户，在服务端更新文件即可，用户完全没有感觉

3、维护比较轻松

和一般的

web 一样，维护比较简单，它其实就是一个站点

Webapp 说白了就是一个针对 Iphone、Android 优化后的 web 站点，它使用的技术无非

就是

HTML 或 HTML5、CSS3、JavaScript，服务端技术 JAVA、PHP、ASP。

当然，因为这些高端智能手机（

Iphone、Android）的内置浏览器都是基于 webkit 内核的，

所以在开发

WEBAPP

 

时，多数都是使用

HTML5 和 CSS3 技术做 UI 布局。当使用 HTML5

和

CSS3l 做 UI 时，若还是遵循着一般 web 开发中使用 HTML4 和 CSS2 那样的开发方式的 

话，这也就失去了

WEBAPP 的本质意义了，且有些效果也无法实现的，所以在此又回到了

–

我们的主题

webapp 的布局方式和技术。

在此所说的移动平台前端开发是指针对高端智能手机（如

Iphone、Android）做站点适配

也就是

WebApp

 

，并非是针对普通手机开发

Wap 2.0，所以在阅读本篇文章以前，你需要

对

webkit 内核的浏览器有一定的了解，你需要对 HTML5 和 CSS3 有一定的了解。如果你

 

……

已经对此有 所了解，那现在就开始往下阅读吧

1、首先我们来看看 webkit 内核中的一些私有的 meta 标签，这些 meta 标签在开发

webapp 时起到非常重要的作用

1 <meta content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, 

user-scalable=0;” name=”viewport” />

2 <meta content=”yes” name=”apple-mobile-web-app-capable” />

3 <meta content=”black” name=”apple-mobile-web-app-status-bar-style” />

4 <meta content=”telephone=no” name=”format-detection” />

第一个

meta 标签表示：强制让文档的宽度与设备的宽度保持 1:1，并且文档最大的宽度比

例是

1.0，且不允许用户点击屏幕放大浏览；