我正在构建一个PhoneGap跨平台混合应用程序 在我的应用程序中,我支持iPad和iPhone 两个设备的用户界面不同,但业务逻辑相同。
所以问题是如何为两个设备使用通用业务逻辑代码(JavaScript)为两个不同的设备拖曳不同的用户界面(HTML / CSS)。
我想重写应用程序的UX / UI并重用与业务逻辑相关的代码,如何设计我的应用程序。
答案 0 :(得分:1)
一些JavaScript前端框架(例如Ionic,Sencha Touch)支持主题,您可以使用这些框架在共享逻辑的同时根据设备类型呈现不同的UX。为JavaScript提供模型视图控制器架构也会有所帮助。
您可能希望使用Cordova Device plugin来确定您正在运行的设备并做出相应的反应,而不是尝试自己匹配用户代理,您也可以像使用常规响应式网络应用一样使用CSS媒体查询/ site。如果您想要将手机与平板电脑区分开来并且没有使用可以为您执行此操作的JS框架,那么使用"is tablet" plugin之类的内容可能会有所帮助。
在平台级别(而不是设备),Cordova的一个功能尚未被很好地理解但可以在这里帮助你的是'merges'概念,它允许你创建新的CSS / JS / images /平台,并在构建过程中将这些内容或www文件夹合并。