web app 相关记录

今天在手机浏览器上运行cocos2d-html5的sample, crystalcraze运行起来只有10~20帧， moonwarrior只有20~30帧，很不理想的数据；

记录下几个web app相关的标签：

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=0.9" />

这是viewport是webapp最重要的标签， 指定页面的浏览范围， 如果没有页面本身没有宽度超过device-width的图片之类，那么在手机上就能完整显示app的内容；

user-scalable, initial-scale, maximun-scale, minimum-scale参数分别是 是否用户缩放， 初始缩放，最大缩放，最小缩放；

 

对于苹果设备，有几个有用标签：

<meta name="apple-mobile-web-app-capable"  content="yes" />  则开启web app模式，允许用户将app存到桌面，并全屏运行；

<link rel="apple-touch-icon-precomposed" href="xxx.png" />

<link rel="apple-touch-startup-image" href="xxx.png" />

这两个参数分别指定app的图标和启动时候的preLaunch界面；