B2G应用是一个使用HTML,CSS以及JavaScript写成的网络应用(Web Apps)。就像你发布网站一样,你把它们发布在网络上。为了让这个网站可以像一个网络应用一样被安装在你的移动设备上,你不得不给他们加一个标识 (manifest)和一个链接的安装按钮,下面会解释。
下面的主题被推荐为起点:
当然,你也可以无拘无束的沉浸在Open Web Apps的深处!
安装网络应用(Web app)
当你把应用和标识(manifest)发布到网上,你必须要让Gecko意识到它。在安装时,Gecko会检查标识文件(manifest)并且把其中的重要记录添加到主屏幕(home screen)和其他地方。
在安装应用时,调用navigator.mozApps.installAPI。下面是一个安装按钮的例子,你可以把他们嵌入到你的应用中:
<button id="install"> 安装这个给力的应用在你的主屏幕上 </button> <script> (function(){ function install(ev) { ev.preventDefault(); // 定义标识文件的网址(define the manifest URL) var manifest_url = "https://my.webapp.com/manifest.webapp"; // 安装这个应用(install the app) var myapp = navigator.mozApps.install(manifest_url); myapp.onsuccess = function(data) { // 应用已经被安装,移出按钮(App is installed, remove button) this.parentNode.removeChild(this); }; myapp.onerror = function() { // 应用不能被安装(App wasn't installed, info is in) // installapp.error.name }; }; //获得按钮的信息并且在按钮被点击的时候调用install()(install() get a reference to the button and call install() on click) var button = document.getElementById('install'); button.addEventListener('click', install, false); })(); </script>
注意:这个安装按钮也可以被放在应用市场(app market)中,比如Firefox Marketplace,但是你也可以在你网站的首页放一个非常方便的“安装应用”的按钮
现在使用B2G浏览器app浏览你的网站并且点选安装按钮把。