我有一个桌面的codeigniter应用程序,当使用相同的代码从移动设备访问时,它是否可以转换为移动应用程序?
答案 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/
目标用户界面:http://www.rikulo.org/
最好的是两个世界的混合,为桌面用户提供小屏幕和大屏幕的响应式设计,以及为移动用户设计合适的设计。
答案 1 :(得分:2)
两者之间的差异在于模板或视图应用程序的一部分。 基本上你必须识别访客设备,如果是移动设备,则向他展示你准备好的移动视图。
您可以使用jquery mobile创建出色的响应式移动模板。
答案 2 :(得分:1)
是的,我过去做过这个。
我所做的是使用用户代理类来检测用户代理是桌面还是移动客户端,并使用它来在会话中设置标记。基于此,我根据该标志的值提供了不同的视图。这种方法的优点是,无论您使用哪种界面,URL都保持不变。
我建议添加一种手动覆盖它的方法,因为检测用户代理永远不会100%准确。