是jquery-mobile「mobile first」

Question

我已閱讀Luke WROBLEWSKI和其他許多關於該主題的讀物「Mobile first」。我是一名網絡開發人員，現在我確信「移動第一」或「漸進式增強」是一種可行的方式。

現在我正在尋找一個框架來實現這一點。

JQuery mobile annonce他們是「移動的第一」，但我已經在一些日子嘗試過，現在我傾向於說「不，它不是」。你不能將它與其他框架混合;它的技巧就像保持DOM中的所有頁面（使用ajax強制加載），所以它不會讓我的生活更輕鬆。試圖使用它來逐漸增強和完成桌面版本而不卸載它，似乎是不可能的。我的意思是你不想在桌面電腦上使用大按鈕，所以我想我只需要放棄框架的CSS，這聽起來很奇怪。我甚至不知道是否有可能。

JQuery手機看起來像一個框架，以實現您的網站的專用移動網絡版本看起來&作爲一個本地應用程序比手機的第一個網站。

那麼請有人可以告訴我我錯在哪裏： *是jQuery mobile真的「移動第一」嗎？ *我可以用jquery mobile做漸進增強（桌面作爲最後一個目標）嗎？如果是，請告訴我如何。

這裏是告知jquerymobile相應的頁面是移動第一： http://view.jquerymobile.com/1.3.0/docs/intro/#ProgressiveEnhancement

我也嘗試zurb的基礎，它工作得很好，但不能提供足夠的部件或工具來提供很好的MOBIEL UI。混合這兩個將是偉大的一點，但它需要很多工作（CSS衝突+可能是JS衝突），我甚至不知道是否有可能。

關於如何在移動第一環境中使用jquery mobile的任何建議都將受到歡迎！

Answer 1

基本思路

讓我們從頭開始，爲大家瞭解的移動第一定義是：

手機首先是觀念的網站應首先設計 移動設備，只包括那些網站訪問者使用最多的任務/項目。然後，隨着屏幕不動產增加，根據用戶優先級，根據需要添加任務/功能 。

取自here的報價。

優勢和jQuery Mobile的

缺點從我的經驗沒有任何現有的框架，可以在移動第一完全分類。 jQuery Mobile已關閉，但還不夠。

首先，我同意你的說法，即jQuery Mobile不能與其他框架一起使用。 jQM是一個高度可定製的框架，它可以完全定製到其他幾乎可用的框架。

如果您想使用主幹或基臺，可以自定義MVP或MVC架構。如果你想使用類似的框架，他們只使用你想要的jQM functionality。你只需要谷歌它。

但是，我會不斷重複它，目前jQM不是一個很好的「開箱即用」的桌面開發平臺。這僅僅是事實。雖然它提供了適用於桌面瀏覽器的小部件，但它們仍然看起來像超大尺寸的移動小部件。

第二大缺點是他們的官方文檔。雖然在一些細分市場中有很多細節，但它們存在很多錯誤，而現有的例子卻缺乏API描述。 IT看起來像有人向你解釋了什麼車，但忘了提及如何正確駕駛它。

良好實施例

這可以是固定的，不幸的是只用重定製。並且通過定義，這不是一個移動首先框架。但爲了讓我的觀點更加精確，下面是在移動/桌面環境中使用jQM的一個很好的例子：Mobile Songmeanings。尊重那些開發者，他們在移動和桌面合併方面做得很好。不幸的是，這只是一個平庸之海的美麗下降。

公共解

最常見的修復這個問題對於移動設備和JQ UI桌面環境JQM的使用。我們還應該添加一個Modernizer到這個組合因爲我們需要它：

• 獨立的移動環境從臺式一個
• 創建動態內容加載器根據檢測到的環境（js和css）

最後的思考

如果你想輕鬆出箱溶液，然後我不建議jQuery Mobile的使用。這需要幾個月的時間，並且錯過學習，開發和測試，好的和壞的方面，如何與其他框架一起使用，以便充分理解它。

Answer 2

Moff.js - Javascript Mobile First Framework。 它遵循所有移動第一技術和要求。 您可以輕鬆創建移動首頁。首先爲移動設備創建頁面，然後通過用戶請求或通過將窗口擴展到平板電腦或桌面等大型設備來加載頁面的其他部分。 這是關於其功能的article。