2013-03-19 138 views
1

我有一個桌面codeigniter應用程序可以轉換爲移動應用程序,當從移動使用相同的代碼訪問?移動和桌面Codeigniter應用程序

+0

事後看來,我並不完全確定你是否真的將其轉換爲一個完整的可安裝應用程序,這是不可能的。當然可以使用我在下面提到的方法根據正在使用的設備來提供不同的內容。使用jQuery Mobile,你可以得到一個iOS圖標,讓用戶在他們的主頁上添加他們的網頁應用作爲書籤。 – 2013-03-19 11:55:32

回答

3

您有兩種選擇:創建響應式設計或創建一個基於用戶代理的桌面設計和移動設計。

如果你的設計很容易適應兩個世界(桌面和移動),只需稍作調整,而響應式設計應該足以應付這個伎倆。但在選擇這種方式之前,請記住,您擁有大量具有多種屏幕分辨率的移動設備。

我建議你閱讀這個幻燈片對移動網絡: http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu

和公正的信息類型,我們在市場上的移動設備。 http://jquerymobile.com/gbs/

爲了幫助您與響應式設計,你可以使用一些框架,在互聯網上:

Twitter的引導:http://twitter.github.com/bootstrap/index.html

基金會3:http://foundation.zurb.com/

骨架:http://www.getskeleton.com/

YAML 4:http://www.yaml.de/

您可以在這裏看到http://www.awwwards.com/what-are-frameworks-22-best-responsive-css-frameworks-for-web-design.html

多個框架,如果你的桌面佈局不適合作爲一個適當的移動佈局,可以依靠用戶代理,雖然他不是100%準確,並建立兩個不同的佈局。 上,您可以使用一些前面提到的響應框架,爲移動端桌面端可以使用:

jQuery Mobile的:http://jquerymobile.com/

的iUI:http://www.iui-js.org/

UI目標:http://www.rikulo.org/

最好的是兩個世界的混合體,爲桌面上的用戶提供小型和大型屏幕的響應式設計,併爲移動用戶提供適當的設計。

1

是的,我已經完成了這個過去。

我所做的是我使用用戶代理類來檢測用戶代理是否是桌面或移動客戶端,並使用它在會話中設置標誌。基於此,我根據該標誌的價值提供了不同的意見。這種方法的優點是無論您使用的是哪個界面,URL都保持不變。

我建議添加一種方法來手動覆蓋這個,但是,因爲檢測用戶代理永遠不會100%準確。

2

兩者之間的不同之處在於模板或視圖應用的一部分。 基本上你必須確定訪客設備,並且如果是移動設備,請向他展示您已準備好的移動視圖。

您可以使用jquery mobile創建出色的響應式手機模板。

+0

針對jQuery Mobile的+1。這也是我建議快速構建移動界面的建議 – 2013-03-19 11:57:32