10个用于创建跨平台移动Web应用的解决方案

   <h3>1. <a href="/misc/goto?guid=4958189732334097104">Sencha Touch 2</a></h3>    <p><a href="/misc/goto?guid=4958189732334097104"><img alt="10个用于创建跨平台移动Web应用的解决方案" src="https://simg.open-open.com/show/92cab043e015a11e5e664c27b2f52fd4.jpg" width="550" height="412" /></a></p>    <p>If you’re no stranger to <a href="/misc/goto?guid=4958521736880381636">HTML5</a>, CSS3 and <a title="JavaScript category on Six Revisions" href="/misc/goto?guid=4958521736983962990">JavaScript</a>, then Sencha Touch 2 may be a great choice for creating mobile apps on iPhone, Android and Blackberry.</p>    <p>Sencha Touch 2 needs to be installed on your computer (it works on PC, Mac or Linux). You also need a web server running locally on your computer (here’s <a title="Using XAMPP for Local WordPress Theme Development" href="/misc/goto?guid=4958521737070521753">how to install XAMMP</a> if you need help).</p>    <p>Visit their <a href="/misc/goto?guid=4958521737162211908">Kitchen Sink app</a> to see Sencha Touch 2 in action.</p>    <h4>Sencha Touch 2 Summary</h4>    <ul>     <li><strong>Knowledge required:</strong> HTML, CSS, JavaScript, general web development</li>     <li><strong>Platform support:</strong> iOS, Android, Blackberry</li>     <li><strong>Cost:</strong> Free <a href="/misc/goto?guid=4958521737258098943">under commercial and open source licenses</a> (paid OEM license available)</li>     <li><strong>Documentation:</strong> <a href="/misc/goto?guid=4958329895656288968">Examples, screencasts, and tutorials</a></li>    </ul>    <h3>2. <a href="/misc/goto?guid=4958183601317272178">jQuery Mobile</a></h3>    <p><a href="/misc/goto?guid=4958183601317272178"><img alt="10个用于创建跨平台移动Web应用的解决方案" src="https://simg.open-open.com/show/9b109a21472254ba04298ce127d2a713.jpg" width="550" height="412" /></a></p>    <p>jQuery Mobile is an HTML5 user interface framework for touchscreen devices. The jQuery Mobile framework is straightforward and <a title="jQuery Mobile: Demos and Documentation" href="/misc/goto?guid=4958521737412954630">well documented</a>. What’s great about jQuery Mobile is that it has an online tool called <a href="/misc/goto?guid=4958326502410669209">ThemeRoller</a> to help make the creation of your user interfaces quicker.</p>    <p>To do server-side stuff, you could use a mobile app development platform like PhoneGap (which we’ll discuss later); the official site has documentation on <a title="jQuery Mobile Docs Phonegap - jquerymobile.com" href="/misc/goto?guid=4958521737543407972">how to use PhoneGap with jQuery Mobile</a>.</p>    <h4>jQuery Mobile Summary</h4>    <ul>     <li><strong>Knowledge required:</strong> HTML, CSS, jQuery</li>     <li><strong>Platform support:</strong> Most mobile browsers</li>     <li><strong>Cost:</strong> Free (license: <a href="/misc/goto?guid=4958521737623489360">MIT and GPL</a>)</li>     <li><strong>Documentation:</strong> There are <a href="/misc/goto?guid=4958521737412954630">many demos on the site</a> and <a href="http://www.amazon.com/s/ref=nb_sb_noss?url=search-alias%3Daps&field-keywords=jquery+mobile">books on jQuery Mobile</a></li>    </ul>    <h3>3. <a href="/misc/goto?guid=4958521737833121739">Tiggzi</a></h3>    <p><a href="/misc/goto?guid=4958521737833121739"><img alt="10个用于创建跨平台移动Web应用的解决方案" src="https://simg.open-open.com/show/b3a8bec7b7ed9033aadcd8767e1c1485.jpg" width="550" height="412" /></a></p>    <p>Using jQuery Mobile as its base, Tiggzi is a drag-and-drop tool for developing mobile apps. You can add standard buttons, menus, video, maps and other elements to your mobile app and then bind events and corresponding actions to them. </p>    <h4>Tiggzi Summary</h4>    <ul>     <li><strong>Knowledge required:</strong> HTML, CSS, JavaScript, XML</li>     <li><strong>Platform support:</strong> Android, iOS, Mobile Web</li>     <li><strong>Cost:</strong> $15-$50/month (there’s a free plan); see <a href="/misc/goto?guid=4958521737938008034">Pricing</a> page</li>     <li><strong>Documentation:</strong> <a href="/misc/goto?guid=4958521738027854541">Tiggzi has a lot of good tutorials</a>, videos and other resources on their site</li>    </ul>    <h3>4. <a href="/misc/goto?guid=4958521738116834371">AppMakr</a></h3>    <p><a href="/misc/goto?guid=4958521738116834371"><img alt="10个用于创建跨平台移动Web应用的解决方案" src="https://simg.open-open.com/show/ba74780b073adc4cf162bb77900aca9e.jpg" width="550" height="412" /></a></p>    <p>AppMakr is an online tool for creating content-centered mobile apps, as well as a service that can help you distribute your app in many app stores. You can import RSS feeds that AppMakr will package into a mobile-optimized app.</p>    <p>There’s no programming required to create your app, though you can add custom HTML.</p>    <h4>AppMakr Summary</h4>    <ul>     <li><strong>Knowledge required:</strong> HTML and CSS would be helpful</li>     <li><strong>Platform support:</strong> iOS, Android, Windows Phone</li>     <li><strong>Cost:</strong> $79/month (free if you allow them to place ads in your mobile app)</li>     <li><strong>Documentation:</strong> They have <a href="/misc/goto?guid=4958521738220083076">good video tutorials</a> including a walkthrough of the app store distribution process</li>    </ul>    <h3>5. <a href="/misc/goto?guid=4958521738312553075">iBuildApp</a></h3>    <p><a href="/misc/goto?guid=4958521738312553075"><img alt="10个用于创建跨平台移动Web应用的解决方案" src="https://simg.open-open.com/show/8137aa2869c8b7908679cab0547015c4.jpg" width="550" height="412" /></a></p>    <p>iBuildApp is a tool for creating mobile apps. They have a good <a href="/misc/goto?guid=4958521738419901813">selection of templates</a> for many different types of apps, and you can have your app featured in the <a href="/misc/goto?guid=4958521738518103298">iBuildApp Gallery</a>.</p>    <p>iBuildApp provides many options you can add to your mobile apps, including e-commerce options and a way to embed web pages inside your app. iBuildApp also provides a SOAP web service that allows you to easily create, retrieve, update or delete content.</p>    <h4>iBuildApp Summary</h4>    <ul>     <li><strong>Knowledge required:</strong> HTML and CSS would be helpful</li>     <li><strong>Platform support:</strong> Options available for iOS and Android export</li>     <li><strong>Cost:</strong> $9.99/month (free if you allow them to place ads in your mobile app)</li>     <li><strong>Documentation:</strong> They have good tutorials on <a href="/misc/goto?guid=4958521738599676375">how to use their service</a></li>    </ul>    <h3>6. <a href="/misc/goto?guid=4958521738688629462">Widgetbox</a></h3>    <p><a href="/misc/goto?guid=4958521738688629462"><img alt="10个用于创建跨平台移动Web应用的解决方案" src="https://simg.open-open.com/show/84cb7240f7e210de37f6db552ef00f9f.jpg" width="550" height="412" /></a></p>    <p>Widgetbox offers an easy-to-use web tool for creating and hosting simple, content-based mobile apps. You can create pages for your app containing RSS feeds from blogs or social media sites. You can also add custom content using HTML and CSS.</p>    <p>Check out the <a href="/misc/goto?guid=4958521738794177427">mobile app directory</a> for a listing of apps created by Widgetbox.</p>    <h4>Widgetbox Summary</h4>    <ul>     <li><strong>Knowledge required:</strong> HTML and CSS would be helpful</li>     <li><strong>Platform support:</strong> Compatible with most modern web browsers</li>     <li><strong>Cost:</strong> $25-100/month</li>     <li><strong>Documentation:</strong> They have <a href="/misc/goto?guid=4958521738883066559">support, FAQ, and a knowledgebase</a></li>    </ul>    <h3>7. <a href="/misc/goto?guid=4958521738976736719">foneFrame</a></h3>    <p><a href="/misc/goto?guid=4958521738976736719"><img alt="10个用于创建跨平台移动Web应用的解决方案" src="https://simg.open-open.com/show/f4367ecd4a1be9781ba78b263d4a5616.jpg" width="550" height="412" /></a></p>    <p><a href="/misc/goto?guid=4958521738976736719">foneFrame</a> is a mobile HTML5/CSS3 framework for creating mobile-optimized web pages. You can then use PhoneGap or appMobi XDK for the backend. foneFrame is also an excellent way to easily <a href="/misc/goto?guid=4958521739082150284">wireframe</a> a mobile site.</p>    <h4>foneFrame Summary</h4>    <ul>     <li><strong>Knowledge required:</strong> HTML5, CSS3, JavaScript</li>     <li><strong>Platform support:</strong> Compatible with most modern browsers and platforms</li>     <li><strong>Cost:</strong> Free (license: Creative Commons Attribution 3.0 Unported License)</li>     <li><strong>Documentation:</strong> The template has inline documentation</li>    </ul>    <h3>8. <a href="/misc/goto?guid=4958199139955699999">PhoneGap</a></h3>    <p><a href="/misc/goto?guid=4958199139955699999"><img alt="10个用于创建跨平台移动Web应用的解决方案" src="https://simg.open-open.com/show/2197c92eebb5b22dc4bd177c1375ad0f.jpg" width="550" height="412" /></a></p>    <p>PhoneGap is a free, open source software that serves as a bridge between individual mobile OS SDKs, which have their own programming languages and standard development practices.</p>    <p>Using PhoneGap, you can support multiple mobile device operating systems easier. You can create a mobile app using HTML5, CSS3 and JavaScript, and then use PhoneGap to package your work for specific mobile operating systems. PhoneGap also integrates directly with Dreamweaver, which can make mobile app development even easier.</p>    <p>PhoneGap support includes iOS, Android, Blackberry, Windows, WebOS and Symbian. </p>    <h3>9. <a href="/misc/goto?guid=4958521739217138594">PhoneGap Build</a></h3>    <p><a href="/misc/goto?guid=4958521739217138594"><img alt="10个用于创建跨平台移动Web应用的解决方案" src="https://simg.open-open.com/show/18f3f21d54a634829a195151f869ef17.jpg" width="550" height="412" /></a></p>    <p>The folks at PhoneGap have gone one step further in creating a web-based platform that creates your "builds" for you. It’s called PhoneGap Build. This service presently supports iOS, Android, Blackberry, WebOS and Symbian.</p>    <p>With this service, you can upload your HTML5, CSS3 and JavaScript, and PhoneGap Build will generate the files you need for distribution in leading app stores.</p>    <h3>10. <a href="/misc/goto?guid=4958521739321311962">appMobi XDK</a></h3>    <p><a href="/misc/goto?guid=4958521739321311962"><img alt="10个用于创建跨平台移动Web应用的解决方案" src="https://simg.open-open.com/show/2d523609959cd41d0eb4b16fd5627113.jpg" width="550" height="412" /></a></p>    <p>appMobi XDK is cloud-based mobile app development environment that’s available as a Google Chrome plugin. The appMobi service will also host your mobile app for you, as well as provide you with the ability to deploy it in popular app stores. Though the service and hosting are free, they have <a href="/misc/goto?guid=4958521739420498324">add-on services</a> like push notifications and e-commerce solutions you can use to enhance your mobile app. </p>