超级会员免费看
HTML5游戏在iOS和安卓设备上的开发指南
1. 开发背景
苹果在手持设备市场占据重要地位，iOS设备（如iPod、iPhone和iPad）运行相同的严格控制软件，是移动网页开发者的理想目标。同时，安卓设备的市场份额也在不断增加。苹果的移动Safari和iOS系统为网页应用开发者提供了一些额外的便利功能，可用于更好地控制应用的显示效果，使其与设备上的原生应用相融合。
2. 将网页应用放置在主屏幕
在移动Safari中运行网页应用时，由于Safari的用户界面（图标、地址栏等）会占据屏幕空间，导致可用屏幕空间减少。对于屏幕较大的iPad来说，这可能不是大问题，但对于iPod Touch或iPhone等小屏幕设备，这会成为一个显著问题。例如，iPod Touch 3G的分辨率为320x480像素，但由于状态栏和Safari UI元素占据了一部分空间，应用实际可用的区域仅为320x360像素。
用户可以在Safari中通过点击书签图标，将应用或网站的链接添加到主屏幕。这会在主屏幕上添加一个图标，作为网页地址的快捷方式。然而，应用仍然在Safari中运行，表现与普通网站无异，实际上只是一个书签。为了让应用更像原生应用，可以在 index.html 中添加一个特殊的元标签：
<head>
...
<meta name="apple-mobile-web-app-capable" content="yes" />
...
</head>
将 appl
订阅专栏 解锁全文
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
