mozilla

Revision 232952 of Apps chinese 基于firefox开发应用软件

  • Revision slug: Apps/Apps_chinese_基于firefox开发应用软件
  • Revision title: Apps chinese 基于firefox开发应用软件
  • Revision id: 232952
  • Created:
  • Creator: karsa.si
  • Is current revision? No
  • Comment page display name changed to ' apps'

Revision Content

The Open Web Apps project enables developers to create rich HTML5 app experiences that run across multiple devices and form factors  (desktop, mobile, tablet, etc.) using Web standards and open technologies such as HTML5, CSS and JavaScript. Furthermore, it aims to create a rich distributed ecosystem of HTML5 app stores, including a marketplace operated by Mozilla. Mozilla aims to put  the developer back in control of every aspect of the app experience —  from easy development to distribution to direct customer relationship  management.

Apps are built using standard Web technologies with additional metadata that allows the User Agent to discover, install, launch, and grant them additional privileges.

 

Documentation topics

Edit section

Creating apps

Edit section

Apps FAQ
Frequently-asked questions about apps.
Getting started
This walk-through can quickly give you an understanding of what it takes to turn an ordinary site into an app.
For mobile application developers
If you already develop mobile applications, here's how to make Web-based apps.
For Web developers
If you already develop Web sites or applications, here's how to make them into installable apps.
App installation
Platform-specific notes about how apps are installed and run on the user's device or system.
Using apps offline
How to design apps so that they can be cached and used without an Internet connection.

 

Game apps

Edit section

Developing game apps
Considerations for game apps, such as offline use, identity, and multi-player interaction.
Game engines and libraries
Engines and libraries useful for developing game apps.

Reference information

Edit section

Apps architecture
An overview of the technology that supports apps.
The app manifest
The structure and content of the app manifest, which defines the app to the browser.
Device APIs
Application programming interfaces for device capabilities:
Apps JavaScript API
Functions (on navigator.mozApps) that websites can call to install or manage apps.

Other resources

Edit section

Behind the Mozilla apps developer preview
A (now somewhat out-dated) look at how the pieces of the apps architecture fit together, from one of the lead developers.

 

Mozilla Marketplace

Edit section

The Mozilla Marketplace is a site where developers can list their apps to be found and downloaded by end users.

Submitting an app
Step-by-step instructions, including setting a price and setting up a PayPal refund token.
Mozilla Marketplace payments
Learn about different payment options available for apps in the Mozilla Marketplace.

 

 

Web runtime

Edit section

The app Web runtime provides the API functions that enable apps to be installed, managed, and run. These are built into Firefox for Mac and Windows, starting with Firefox 13. For other browsers, the Web runtime functions are provided by a JavaScript library.

Revision Source

<p><span>The Open Web Apps project enables developers to create rich HTML5 app experiences that run across multiple devices and form factors  (desktop, mobile, tablet, etc.) using Web standards and open technologies such as HTML5, CSS and JavaScript. Furthermore, it aims to create a rich distributed ecosystem of HTML5 app stores, including a marketplace operated by Mozilla. Mozilla aims to put  the developer back in control of every aspect of the app experience —  from easy development to distribution to direct customer relationship  management.</span></p>
<p>Apps are built using standard Web technologies with additional metadata that allows the User Agent to discover, install, launch, and grant them additional privileges.</p>
<p> </p>
<h2 class="editable"><span>Documentation topics</span></h2>
<div class="editIcon" style="visibility: hidden;"> <h2 class="editable"><a href="/en/Apps?action=edit&amp;sectionId=1" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="/skins/common/icons/icon-trans.gif"></span></a></h2>
</div>
<div style="-moz-column-width:28em; -webkit-columns:28em; columns:28em; border: dotted 1px; padding: 1em;"> <div> <div id="section_2"> <h3 class="editable"><span>Creating apps</span></h3> <div class="editIcon" style="visibility: hidden;"> <h3 class="editable"><a href="/en/Apps?action=edit&amp;sectionId=2" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="/skins/common/icons/icon-trans.gif"></span></a></h3> </div> <dl> <dt><a href="/en/Apps/FAQs" rel="internal" title="https://developer.mozilla.org/en/Apps/FAQs">Apps FAQ</a></dt> <dd>Frequently-asked questions about apps.</dd> <dt><a href="/en/Apps/Getting_Started" rel="internal" title="OpenWebApps/GettingStarted">Getting started</a></dt> <dd>This walk-through can quickly give you an understanding of what it takes to turn an ordinary site into an app.</dd> <dt><a href="/en/Apps/For_mobile_developers" rel="internal" title="For mobile app developers">For mobile application developers</a></dt> <dd>If you already develop mobile applications, here's how to make Web-based apps.</dd> <dt><a href="/en/Apps/For_Web_developers" rel="internal" title="For Web developers">For Web developers</a></dt> <dd>If you already develop Web sites or applications, here's how to make them into installable apps.</dd> <dt><a href="/en/Apps/Platform-specific_details" rel="internal" title="Launching apps">App installation</a></dt> <dd>Platform-specific notes about how apps are installed and run on the user's device or system.</dd> <dt><a href="/en/Apps/Using_apps_offline" rel="internal" title="/en/Apps/Using apps offline">Using apps offline</a></dt> <dd>How to design apps so that they can be cached and used without an Internet connection.</dd> </dl> </div> </div> <div> <div> <p> </p> <div id="section_3"> <h3 class="editable"><span>Game apps</span></h3> <div class="editIcon"> <h3 class="editable"><a href="/en/Apps?action=edit&amp;sectionId=3" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="/skins/common/icons/icon-trans.gif"></span></a></h3> </div> <dl> <dt><a href="/en/Apps/Developing_game_apps" rel="internal" title="/en/Apps/Developing_game_apps">Developing game apps</a></dt> <dd>Considerations for game apps, such as offline use, identity, and multi-player interaction.</dd> <dt><a href="/en/Apps/Game_engines_and_libraries" rel="internal" title="/en/Apps/Game_libraries_and_platforms">Game engines and libraries</a></dt> <dd>Engines and libraries useful for developing game apps.</dd> </dl> </div> </div> <div id="section_4"> <h3 class="editable"><span>Reference information</span></h3> <div class="editIcon" style="visibility: hidden;"> <h3 class="editable"><a href="/en/Apps?action=edit&amp;sectionId=4" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="/skins/common/icons/icon-trans.gif"></span></a></h3> </div> <dl> <dt><a href="/en/Apps/Apps_architecture" rel="internal" title="en/Apps/How apps work">Apps architecture</a></dt> <dd>An overview of the technology that supports apps.</dd> <dt><a href="/en/Apps/Manifest" rel="internal" title="OpenWebApps/AppManifest">The app manifest</a></dt> <dd>The structure and content of the app manifest, which defines the app to the browser.</dd> <dt>Device APIs</dt> <dd>Application programming interfaces for device capabilities: <ul> <li><a href="/En/Using_geolocation" rel="internal" title="Using geolocation">Geolocation</a></li> <li><a href="/en/DOM/Orientation_and_motion_data_explained" rel="internal" title="en/DOM/Orientation_and_motion_data_explained">Orientation</a></li> <li><a href="/en/DOM/Using_the_Camera_API" rel="internal" title="Using the Camera API">Camera</a></li> </ul> </dd> <dt><a href="/en/Apps/Apps_JavaScript_API" rel="internal" title="OpenWebApps/RepositoryAPI">Apps JavaScript API</a></dt> <dd>Functions (on <code>navigator.mozApps</code>) that websites can call to install or manage apps.</dd> </dl> </div> <div id="section_5"> <h3 class="editable"><span>Other resources</span></h3> <div class="editIcon"> <h3 class="editable"><a href="/en/Apps?action=edit&amp;sectionId=5" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="/skins/common/icons/icon-trans.gif"></span></a></h3> </div> <dl> <dt><a class="external" href="http://kix.in/2011/12/15/behind-the-mozilla-apps-developer-preview/" rel="external" target="_blank" title="http://kix.in/2011/12/15/behind-the-mozilla-apps-developer-preview/">Behind the Mozilla apps developer preview</a></dt> <dd>A (now somewhat out-dated) look at how the pieces of the apps architecture fit together, from one of the lead developers.</dd> </dl> <p> </p> </div> </div>
</div>
<div style="-moz-column-width:28em; -webkit-columns:28em; columns:28em; border: dotted 1px; padding: 1em;"> <div id="section_6"> <h2 class="editable"><span>Mozilla Marketplace</span></h2> <div class="editIcon" style="visibility: hidden;"> <h2 class="editable"><a href="/en/Apps?action=edit&amp;sectionId=6" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="/skins/common/icons/icon-trans.gif"></span></a></h2> </div> <p>The Mozilla Marketplace is a site where developers can list their apps to be found and downloaded by end users.</p> <dl> <dt><a href="/en/Apps/Submitting_an_app" rel="internal" title="/en/Apps/Submitting an app">Submitting an app</a></dt> <dd>Step-by-step instructions, including setting a price and setting up a PayPal refund token.</dd> <dd> </dd><dt><a class="external" href="/en/Apps/Marketplace_Payments" rel="internal" title="Mozilla Marketplace Payments">Mozilla Marketplace payments</a></dt> <dd>Learn about different payment options available for apps in the Mozilla Marketplace. <ul> <li><a class="external" href="/en/Apps/Marketplace_Payments/FAQ" rel="internal" title="Mozilla Marketplace Payments FAQ">Mozilla Marketplace payments FAQ</a></li> <li><a class="external" href="/en/Apps/Marketplace_Payments/Tax_FAQ" rel="internal" title="Mozilla Marketplace Payments - Tax FAQ">Mozilla Marketplace payments tax FAQ</a></li> <li><a href="/en/Apps/In-app_payments" rel="internal" title="In-app payments">In-app payments</a></li> </ul> </dd> </dl> <p> </p> <p> </p> </div>
</div>
<div style="-moz-column-width:28em; -webkit-columns:14em; columns:28em; border: dotted 1px; padding: 1em;"> <div> <div id="section_7"> <h2 class="editable"><span>The Open Web apps project</span></h2> <div class="editIcon" style="visibility: hidden;"> <h2 class="editable"><a href="/en/Apps?action=edit&amp;sectionId=7" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="/skins/common/icons/icon-trans.gif"></span></a></h2> </div> <ul> <li><a class="link-https" href="https://apps.mozillalabs.com/" rel="external" target="_blank" title="https://apps.mozillalabs.com/">Overview website</a></li> <li><a class="link-https" href="https://wiki.mozilla.org/Apps" rel="external" target="_blank" title="https://wiki.mozilla.org/Apps">Wiki page</a></li> <li>IRC channel: <a class="link-irc" href="irc://irc.mozilla.org#openwebapps" rel="external" target="_blank" title="irc://irc.mozilla.org#openwebapps">#openwebapps on irc.mozilla.org</a></li> </ul> <p>Project discussion forum:</p> <ul> <li><a href="https://lists.mozilla.org/listinfo/dev-webapps" rel="custom"> as a mailing list</a></li> <li><a href="news://news.mozilla.org/mozilla.dev.webapps" rel="custom"> as a newsgroup</a></li> <li><a href="http://groups.google.com/group/mozilla.dev.webapps" rel="custom"> as a Google Group</a></li> <li><a href="http://groups.google.com/group/mozilla.dev.webapps/feeds" rel="custom"> as a Web feed</a></li> </ul> </div> </div> <div> <div id="section_8"> <h2 class="editable"><span>Web runtime</span></h2> <div class="editIcon"> <h2 class="editable"><a href="/en/Apps?action=edit&amp;sectionId=8" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="/skins/common/icons/icon-trans.gif"></span></a></h2> </div> <p>The app Web runtime provides the API functions that enable apps to be installed, managed, and run. These are built into Firefox for Mac and Windows, starting with Firefox 13. For other browsers, the Web runtime functions are provided by a JavaScript library.</p> <ul> <li><a class="link-https" href="https://apps.mozillalabs.com/appdir/" rel="external" target="_blank" title="https://apps.mozillalabs.com/appdir/">Demo apps</a> to play with</li> <li><a class="link-https" href="https://myapps.mozillalabs.com/jsapi/include.complete.js" rel="external" target="_blank" title="https://myapps.mozillalabs.com/jsapi/include.complete.js">Source code for the HTML5 Web runtime</a></li> </ul> </div> </div>
</div>
Revert to this revision