Sencha touch實踐（1）在ios,android上變web app為native app

<a href="http://images.cnblogs.com/cnblogs_com/wengyuli/201109/201109220018215527.jpg"></a>

“Sencha Touch可以讓你的Web App看起來像Native App。美麗的使用者界面元件和豐富的資料管理，全部基于最新的HTML5和CSS3的 WEB标準，全面相容Android和Apple iOS裝置。”

沒錯，sencha touch可以讓你用JS+HTML開發的web app作為native app運作在ios,android系統之上。

<a href="http://images.cnblogs.com/cnblogs_com/wengyuli/201109/201109220018261377.png"></a>

下載下傳完成後，可以解壓縮看到一個目錄：

<a href="http://images.cnblogs.com/cnblogs_com/wengyuli/201109/201109220018313914.png"></a>

<a href="http://images.cnblogs.com/cnblogs_com/wengyuli/201109/201109220018351500.png"></a>

為了便于示範，我們做一個簡單的輸入和輸出

<a href="http://images.cnblogs.com/cnblogs_com/wengyuli/201109/201109220018448590.png"></a>

為了能夠部署到移動裝置系統上去，我們還需要另外一個腳本，就是index.js，它的作用是讓我們的web app安裝到手機作業系統上

<a href="http://images.cnblogs.com/cnblogs_com/wengyuli/201109/201109220018482621.png"></a>

當然，有了這些還不夠，我們仍然需要釋出這個website到一個web server上。

我的網絡出現一些問題，手機通路不到web server，明天試試。

     本文轉自xshf12345 51CTO部落格，原文連結：http://blog.51cto.com/wengyuli/670813，如需轉載請自行聯系原作者