修改jquery移動主題的iOS，安卓和Windows Phone 8原生外觀

我正在開發使用jQuery手機的手機差距應用程序。我需要爲3種不同的平臺提供原生的外觀和感覺。 Windows Phone 8，iPhone和Android。什麼是繼續。我應該爲所有三個平臺創建3個不同的html頁面集[由於導航模型不同，頁眉和頁腳針對不同的手機而不同]。有沒有一種方法可以創建單一的HTML頁面，並根據手機改變主題..是jQuery的移動主題定製的正確選擇。我會很感激，如果你建議同樣的方法...是否有預定義的主題存在相同..修改jquery移動主題的iOS，安卓和Windows Phone 8原生外觀

來源

2013-03-26 Jason

就我個人而言，我會在本地構建每個接口併爲我的Web服務創建一個API（如果有的話），或者學習每個OS堆棧的基礎以開發我的邏輯本身也是。 JQM看起來像廢話，並且它適合每個手機的樣式可能會使它看起來更糟糕 – Bojangles 2013-03-26 07:58:03

感謝Bojangles ...但我需要使用html5/js/css3構建單個跨平臺應用程序...我們不能爲每個構建本機應用程序平臺..什麼是最好的方法來匹配原生的外觀和感覺。 jQuery的移動給了美樂家創建單獨的主題... – Jason 2013-03-26 08:03:19

是的，你將能夠通過簡單的JavaScript代碼在HTML加載過程中不同的CSS之間切換。

其他建議

1. 的好辦法跨平臺具有可配置的選項是將它們存儲在app.json然後通過XMLHttpRequest應用程序啓動時加載它們和應用（讓你有differen app.json iOS，Android，WP）。簡單app.json可能看起來像下面

{ 
    "name": "MyApp", 
    "js": ["platformspecific.js", "platformspecific.2js"], 
    "css": ["platformspecific.css", "platformspecific2.css"], 
    "settings": { 
    "isOption1Enabled": true, 
    "isOption2Enabled": false 
    } 
}

2. 使用KnockoutJS How to architecture a webapp using jquery-mobile and knockoutjs

http://www.scottlogic.co.uk/blog/colin/2012/10/integrating-knockout-and-jquerymobile/

3. 對於Windows Phone的看看就以MVVM方法看看https://channel9.msdn.com/Blogs/Interoperability/Demo-jQuery-Mobile-theme-for-Windows-Phone-8

4. 看看Sencha Touch作爲替代方法。它對於不同平臺的定製更加強大

來源

2013-03-27 17:50:35