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

摘要

本发明公开了一种HybridAPP中CSS样式兼容不同平台的方法，步骤如下第一步，建立HTML页面文件和外部样式表，确定操作平台一为基准平台及操作平台一上HTML页面定义的CSS样式为基准样式；第二步，确定差异元素；第三步，确定各差异元素的标准样式，并参照该标准样式修改所有差异元素的展示样式，使各差异元素在各操作平台的展示样式均与其标准样式相同；第四步，分别对各差异元素在各操作平台的展示样式进行命名，第五步，在HTML页面中定义JavaScript编码；第六步，加载HTML页面。本发明的Hybrid APP中CSS样式兼容不同平台的方法，可以用于解决Hybrid APP中用HTML5开发的页面在不同移动平台上展示时由于各移动平台的自身特性和差异而导致的兼容性问题，更加方便用户的使用。

主权项

一种HybridAPP中CSS样式兼容不同平台的方法，其特征在于，包含以下步骤：A.建立HTML页面文件和外部样式表，确定操作平台一为基准平台及操作平台一上HTML页面定义的CSS样式为基准样式；B.确定差异元素，其中，所述差异元素为HTML页面包含的页面元素中在其他操作平台上展示时与在所述基准平台上展示时展示样式存在差异的元素；C.确定各差异元素的标准样式，并参照该标准样式修改所有差异元素的展示样式，使各差异元素在各操作平台的展示样式均与其标准样式相同；D.分别对各差异元素在各操作平台的展示样式进行命名，其中，将差异元素M在操作平台N的展示样式定义为classM_N；E.在HTML页面中定义JavaScript编码，所述JavaScript编码用于判断加载所述HTML页面的操作平台为操作平台一或操作平台N；F.加载HTML页面，其中，显示加载HTML页面中包含的差异元素时，根据步骤E的判断结果，选择加载各差异元素与该操作平台相对应的展示样式进行展示。