web app 相关记录

时间:2023-01-09 19:52:31

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