今天在手机浏览器上运行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界面;