本文深入分析Firefox OS中Gaia的Settings应用，重点探讨index.html的加载机制，Header、Icon的设计以及国际化处理。通过manifest.webapp的"launch_path"，解释Settings启动页面的定位，同时揭示Icon如何通过icons_sprite.gif图集和icons.css进行管理和展示。文章还提出了三个疑问，涉及定位逻辑、图片大小调整和图片与文字位置互换的方法。
找到settings的源码：/gaia/apps/settings，ls 查看下，有如下的文件或文件夹：
index.html：打开Settings首先加载的文件，为什么是它呢？在manifest.webapp中的"launch_path": "/index.html#root" 决定的。
js：存放javascript文件的地方，这js文件义工index.html调用。
locales:存放语言国际化文件的，目前只支持zh_TW，en_US,Fr,ar四种语言
manifest.webapp：这个就不用说了，详见manifest.webapp结构分析
onpair.html：跟BT相关
resources：存放json,html数据的，还有就是settings中需要的音频文件。
style：存放css，icon，image文件的地方。
test：一些测试文件。
index.html
先看下打开Settings对应的内容，下面以截图的形式展现（图 1）：
图 1
在manifest.webapp中的"launch_path": "/index.html#root" 可以定位到index.html中，code 如下：<
最低0.47元/天 解锁文章
扫一扫
8770
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
