适用于移动和桌面的Codeigniter应用程序

时间:2013-03-19 11:40:19

标签: codeigniter mobile desktop

我有一个桌面的codeigniter应用程序,当使用相同的代码从移动设备访问时,它是否可以转换为移动应用程序?

3 个答案:

答案 0 :(得分:3)

您有两种选择,创建响应式设计或基于用户代理创建一个桌面设计和移动设计。

如果您的设计很容易适应两个世界(桌面和移动设备),只需稍加调整一下,响应式设计就足以应对。但在你选择这种方式之前,请记住你有足够的屏幕分辨率的移动设备。

我建议您阅读有关移动网络的幻灯片: http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu

仅供参考我们在市场上拥有的移动设备类型。 http://jquerymobile.com/gbs/

为了帮助您进行响应式设计,您可以使用互联网上提供的一些框架:

Twitter bootstrap: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/

目标用户界面:http://www.rikulo.org/

最好的是两个世界的混合,为桌面用户提供小屏幕和大屏幕的响应式设计,以及为移动用户设计合适的设计。

答案 1 :(得分:2)

两者之间的差异在于模板或视图应用程序的一部分。 基本上你必须识别访客设备,如果是移动设备,则向他展示你准备好的移动视图。

您可以使用jquery mobile创建出色的响应式移动模板。

答案 2 :(得分:1)

是的,我过去做过这个。

我所做的是使用用户代理类来检测用户代理是桌面还是移动客户端,并使用它来在会话中设置标记。基于此,我根据该标志的值提供了不同的视图。这种方法的优点是,无论您使用哪种界面,URL都保持不变。

我建议添加一种手动覆盖它的方法,因为检测用户代理永远不会100%准确。