2013-03-19 141 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