[发明专利]一种HybridAPP中CSS样式兼容不同平台的方法及系统

权利要求书

1.一种HybridAPP中CSS样式兼容不同平台的方法，其特征在于，包含以下步骤：

A.建立HTML页面文件和外部样式表，确定操作平台一为基准平台及操作平台一上HTML页面定义的CSS样式为基准样式；

B.确定差异元素，其中，所述差异元素为HTML页面包含的页面元素中在其他操作平台上展示时与在所述基准平台上展示时展示样式存在差异的元素；

C.确定各差异元素的标准样式，并参照该标准样式修改所有差异元素的展示样式，使各差异元素在各操作平台的展示样式均与其标准样式相同；

D.分别对各差异元素在各操作平台的展示样式进行命名，其中，将差异元素M在操作平台N的展示样式定义为classM_N；

E.在HTML页面中定义JavaScript编码，所述JavaScript编码用于判断加载所述HTML页面的操作平台为操作平台一或操作平台N；

F.加载HTML页面，其中，显示加载HTML页面中包含的差异元素时，根据步骤E的判断结果，选择加载各差异元素与该操作平台相对应的展示样式进行展示。

2.根据权利要求1所述的一种HybridAPP中CSS样式兼容不同平台的方法，其特征在于，所述操作平台包含Android平台和iOS平台。

3.一种HybridAPP中CSS样式兼容不同平台的系统，其特征在于，包含组件生成模块、差异诊断模块、标准确定模块、样式调整模块、平台判定模块、组件加载模块；

所述组件生成模块用于建立HTML页面文件和外部样式表；

所述差异诊断模块用于确定HTML页面包含的页面元素中在各操作平台上展示时展示样式存在差异的差异元素；

所述标准确定模块用于确定各差异元素在各操作平台上展示时的标准样式；

所述样式调整模块用于将各差异元素在各操作平台上的展示样式调整为标准样式；

所述平台判定模块用于判定当前加载HTML页面的操作平台的类型；

所述组件加载模块用于加载HTML页面；

其中，所述组件生成模块完成建立HTML页面文件和外部样式表后，所述标准确定模块确定一个操作平台为基准平台且该操作平台上的HTML页面定义的CSS样式为基准样式；所述差异诊断模块确定HTML页面包含的页面元素中在其他操作平台上展示时与在所述基准平台上展示时展示样式存在差异的元素为差异元素；再通过标准确定模块确定各差异元素的标准样式，样式调整模块参照该标准样式修改所有差异元素的展示样式，使各差异元素在各操作平台的展示样式均与其标准样式相同并分别对各差异元素在各操作平台的展示样式进行命名；

组件加载模块显示加载HTML页面时，平台判定模块判断加载所述HTML页面的操作平台的类型，组件加载模块再根据判断结果选择加载各差异元素与该操作平台相对应的展示样式进行展示。

4.根据权利要求3所述的一种HybridAPP中CSS样式兼容不同平台的系统，其特征在于，所述平台判定模块中定义有JavaScript编码。

5.根据权利要求3所述的一种HybridAPP中CSS样式兼容不同平台的系统，其特征在于，所述操作平台包含Android平台和iOS平台。