2012-12-12 251 views
1

我剛剛上傳新的重新設計的網站,當我意識到「垃圾,就像其他網站一樣。」跨平臺開發

然後我有一個想法。我已經花了2周的時間進行規劃。我還有一件事需要做,而且我很難弄清楚如何讓我的個人電腦網站以及用於iPad的一個完全不同的網站(或者一般的大型觸摸式電腦)以及另一個用於Touch-基於網頁的手機,然後用於普通手機的網頁瀏覽功能。

這可能嗎?我想分離。我不想要一堆JavaScript文件和其中的一切命令。我想分開每個'網站'並根據請求文檔的平臺提供它。我們怎樣才能做到這一點?

如果你是建議,可以幫助任何庫,請注意,我不會使用jQuery(但無論如何列出的jQuery爲別人誰面臨這樣的問題使用jQuery可能不介意)

+3

查找到的介質類型:http://www.w3.org/TR/CSS2/media.html –

+1

你有沒有試着用搜索引擎呢?有很多的例子.... –

+0

是的,我做了,但不知道確切地使用正確的關鍵字並沒有什麼幫助,@Steve。 – Arrow

回答

3

你可以使用Asp.net MVC並根據設備切換視圖。 通過這種方式,您可以重新使用所有控制器,併爲每個您想要的設備提供不同的視圖。

斯科特Hanselman的寫了一篇文章前一段時間關於這種發展: http://www.hanselman.com/blog/MakingASwitchableDesktopAndMobileSiteWithASPNETMVC4AndJQueryMobile.aspx

我會建議jQuery Mobile的移動設備中使用。我也推薦Kendo UI Mobile,它真的看起來很神奇,但手機版本不是免費的。我也建議看看SPA(單頁應用程序)。通過SPA,您可以爲任何設備準備一個豐富的JavaScript應用程序。將它與Asp.Net WebApi結合起來看起來非常有前途。

Jonh爸爸倒在Pluralsight的課程是完全值得的: http://www.johnpapa.net/building-single-page-apps-with-knockout-jquery-and-web-api-ndash-the-story-begins/

這一切都在想你真的需要,你可以投入多少精力在