兼容苹果操作系统和安卓操作系统的方法及装置与流程

本发明涉及通讯技术领域，尤其涉及一种兼容苹果操作系统和安卓操作系统的方法及装置。

背景技术：

随着网页应用的发展，兼容安卓操作系统和苹果操作系统的网页应用的头部自适应已经成为必须解决的问题。现有的解决此类问题的技术绝大多数都是包括在框架里面，小范围使用起来并不灵活。现有的框架对常规的基于安卓和苹果系统的网页应用头部自适应封装的效果很好，但是对于应用中的非常规的现象，并没有给出相应的解决方案，在使用网页应用过程中会出现很多漏洞，造成网页应用的功能不正常、体验不佳、死机、数据丢失、非正常中断等现象。

技术实现要素：

本发明的主要目的在于解决现有网页应用过程由于无法兼容安卓和苹果操作系统，造成网页应用的功能不正常、体验不佳、死机、数据丢失、非正常中断的问题。

为实现上述目的，本发明提供一种兼容苹果操作系统和安卓操作系统的方法，所述方法包括：

进行页面加载，引用公共指令，其中，所述公共指令用于设置苹果操作系统和安卓操作系统的网页应用头部的内边距；

所述公共指令判断当前操作系统的版本类型；

根据判断出的版本类型对网页应用的头部添加内边距。

优选地，所述进行页面加载之前，所述兼容苹果操作系统和安卓操作系统的方法还包括：

定义所述公共指令，其中，所述公共指令包括设置苹果操作系统对应的网页应用头部的页边距数值、安卓操作系统对应的网页应用头部的页边距数值。

优选地，所述公共指令判断当前操作系统的版本类型具体包括：

判断所述当前操作系统的版本类型是否为苹果操作系统、是否为安卓操作系统。

优选地，所述根据判断出的版本类型对网页应用的头部添加内边距具体包括：

当判断出所述当前操作系统的版本类型为苹果操作系统时，根据所述苹果操作系统对应的网页应用头部的页边距数值对所述网页应用头部的内边距进行设置。

优选地，所述根据判断出的版本类型对网页应用的头部添加内边距具体还包括：

当判断出所述当前操作系统的版本类型为安卓操作系统时，根据所述安卓操作系统对应的网页应用头部的页边距数值对所述网页应用头部的内边距进行设置。

此外，为实现上述目的，本发明还提供一种兼容苹果操作系统和安卓操作系统的装置，所述装置包括：

加载模块，用于进行页面加载，引用公共指令，其中，所述公共指令用于设置苹果操作系统和安卓操作系统的网页应用头部的内边距；

判断模块，用于通过所述公共指令判断当前操作系统的版本类型；

调整模块，用于根据判断出的版本类型对网页应用的头部添加内边距。优选地，所述加载模块，具体还用于定义所述公共指令，其中，所述公共指令包括设置苹果操作系统对应的网页应用头部的页边距数值、安卓操作系统对应的网页应用头部的页边距数值。

优选地，所述判断模块，具体还用于判断所述当前操作系统的版本类型是否为苹果操作系统、是否为安卓操作系统。

优选地，所述调整模块，具体还用于当判断出所述当前操作系统的版本类型为苹果操作系统时，根据所述苹果操作系统对应的网页应用头部的页边距数值对所述网页应用头部的内边距进行设置。

优选地，所述调整模块，具体还用于当判断出所述当前操作系统的版本类型为安卓操作系统时，根据所述安卓操作系统对应的网页应用头部的页边距数值对所述网页应用头部的内边距进行设置。

本发明提供的兼容苹果操作系统和安卓操作系统的方法及装置，能引用兼容苹果操作系统和安卓操作系统的网页应用头部的公共指令，通过公共指令判断当前系统的类型，根据判断出的系统类型自适应设置网页应用头部的页边距，能灵活地针对不同的操作系统自适应调节网页应用头部的页边距，确保网页应用的功能正常完整，提高网页应用运行效率。

附图说明

图1为本发明的兼容苹果操作系统和安卓操作系统的方法一实施例的流程示意图；

图2为图1中步骤S20公共指令判断当前操作系统的版本类型的一具体细化流程示意图；

图3为图1中步骤S30根据判断出的版本类型对网页应用的头部添加内边距一具体细化流程示意图；

图4为图1中步骤S31当判断出当前操作系统的版本类型为苹果操作系统时，根据苹果操作系统对应的网页应用头部的页边距数值对网页应用头部的内边距进行设置之后的苹果操作系统界面的效果示意图；

图5为图1中步骤S32当判断出当前操作系统的版本类型为苹果操作系统时，根据苹果操作系统对应的网页应用头部的页边距数值对网页应用头部的内边距进行设置之后的安卓操作系统界面的效果示意图。

图6为本发明的兼容苹果操作系统和安卓操作系统的装置一实施例的功能模块示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

本发明提供一种兼容苹果操作系统和安卓操作系统的方法。参照图1，图1为本发明的兼容苹果操作系统和安卓操作系统的方法一实施例的流程示意图。在该实施例中，所述兼容苹果操作系统和安卓操作系统的方法包括：

步骤S10、进行页面加载，引用公共指令，其中，公共指令用于设置苹果操作系统和安卓操作系统的网页应用头部的内边距。

本实施例中的公共指令基于超文本标记语言(HyperText Markup Language，HTML)按照层叠样式表(Cascading Styel Sheet，CSS)格式进行定义，具有爪哇脚本(JavaScript，JS)实现特性，在现有前端框架AngularJS基础上衍生而来。在整个实现过程中依赖了AngularJS框架中的指令特性。

步骤S20、公共指令判断当前操作系统的版本类型。

在本实施例中，页面加载后，当执行到公共指令时，自动运行JS代码，判断当前操作平台是苹果操作系统、还是安卓操作系统。

步骤S30、根据判断出的版本类型对网页应用的头部添加内边距。

在本实施例中，公共指令中针对不同的操作系统设置了不同的网页应用页边距的数值，当判断出当前的操作系统时，根据公共指令中的数值对网页应用的页边距进行自动添加，补充说明的是，现有安卓系统的状态栏和导航栏区分开了，而苹果操作系统从第七版开始状态栏和导航栏交织在一起，所以苹果操作系统的网页应用添加内边距时，需要加上状态栏的高度，安卓操作系统的网页应用则不需要加上状态栏的高度。

在本实施例中，步骤S10进行页面加载，引用公共指令之前，所述方法还包括定义公共指令，其中，公共指令包括设置苹果操作系统对应的网页应用头部的页边距数值、安卓操作系统对应的网页应用头部的页边距数值。举例来说，公共指令可为以下代码：

在上述代码中，定义的公共指令“platformtop”分别对苹果操作系统对应的网页应用头部的页边距数值、安卓操作系统对应的网页应用头部的页边距数值进行了设置，其中，代码中的具体的数值可以根据需求进行变更。进一步补充说明的是，进行页面加载，引用公共指令“platformtop”的具体代码可为以下形式：

<div platformtop style＝"border:1px solid red；">

<p style＝"text-align:center">兼容android和ios头部自适应</p>

</div>

在本实施例中，通过块级标签“*div”引用公共指令“platformtop”，通过公共指令“platformtop”判断当前操作系统的版本类型，根据判断出的版本类型设置对应的网页应用页边距。补充说明的是，对于一些行内标签来说，可以将行内标签转换为块级标签后使用公共指令。

参见图2，图2为图1中步骤S20公共指令判断当前操作系统的版本类型的一具体细化流程示意图。其中，S20公共指令判断当前操作系统的版本类型具体包括：

步骤S21、判断当前操作系统的版本类型是否为苹果操作系统。

步骤S22、判断当前操作系统的版本类型是否为安卓操作系统。

参见图3，图1中步骤S30根据判断出的版本类型对网页应用的头部添加内边距一具体细化流程示意图。其中，步骤S30根据判断出的版本类型对网页应用的头部添加内边距具体包括：

步骤S31、当判断出当前操作系统的版本类型为苹果操作系统时，根据苹果操作系统对应的网页应用头部的页边距数值对网页应用头部的内边距进行设置。

步骤S32、当判断出当前操作系统的版本类型为安卓操作系统时，根据安卓操作系统对应的网页应用头部的页边距数值对网页应用头部的内边距进行设置。

在本实施例中，网页应用的头部是指应用顶部固定的一行，无论应用的页面内容怎么滚动，顶部固定的一行一直显示在应用顶部，不随内容滚动，也称为导航栏，状态栏是指显示时间等消息的栏位，苹果操作系统从第七版开始状态栏和头部交织在一起，安卓操作系统的状态栏和头部是分开的。

请同时参见图4-5，图4为图1中步骤S31当判断出当前操作系统的版本类型为苹果操作系统时，根据苹果操作系统对应的网页应用头部的页边距数值对网页应用头部的内边距进行设置之后的苹果操作系统界面的效果示意图，在图4中包括苹果操作系统界面301，在苹果操作系统界面301上显示网页应用时，根据苹果操作系统的网页应用头部高度加上苹果操作系统状态栏的高度，自适应调整出适合苹果操作系统的网页应用的头部页边距，得到如图4所示的苹果操作系统网页应用的头部页边距。

图5为图1中步骤S32当判断出当前操作系统的版本类型为苹果操作系统时，根据苹果操作系统对应的网页应用头部的页边距数值对网页应用头部的内边距进行设置之后的安卓操作系统界面的效果示意图。在图5中包括安卓操作系统界面302，在安卓操作系统界面302上显示网页应用时，根据安卓操作系统的网页应用头部高度，自适应调整出适合安卓操作系统的网页应用的头部页边距，得到如图5所示的安卓操作系统网页应用的头部页边距。

以上实施例提供的兼容苹果操作系统和安卓操作系统的方法及装置，能引用兼容苹果操作系统和安卓操作系统的网页应用头部的公共指令，通过公共指令判断当前系统的类型，根据判断出的系统类型自适应设置网页应用头部的页边距，能灵活地针对不同的操作系统自适应调节网页应用头部的页边距，确保网页应用的功能正常完整，提高网页应用运行效率。

本发明进一步提供一种兼容苹果操作系统和安卓操作系统的装置。参照图6，图6为本发明的兼容苹果操作系统和安卓操作系统的装置一实施例的功能模块示意图。在该实施例中，所述数据显示装置100包括：加载模块110、判断模块120、调整模块130。其中，所述加载模块110，用于进行页面加载，引用公共指令，其中，公共指令用于设置苹果操作系统和安卓操作系统的网页应用头部的内边距。所述判断模块120，用于通过公共指令判断当前操作系统的版本类型。所述调整模块130，用于根据判断出的版本类型对网页应用的头部添加内边距。

上述实施例中，公共指令基于超文本标记语言(HyperText Markup Language，HTML)按照层叠样式表(Cascading Styel Sheet，CSS)格式进行定义，具有爪哇脚本(JavaScript，JS)实现特性，在现有前端框架AngularJS基础上衍生而来。在整个实现过程中依赖了AngularJS框架中的指令特性，页面加载后，当执行到公共指令时，自动运行JS代码，判断当前操作平台是苹果操作系统、还是安卓操作系统。公共指令中针对不同的操作系统设置了不同的网页应用页边距的数值，当判断出当前的操作系统时，根据公共指令中的数值对网页应用的页边距进行自动添加，补充说明的是，现有安卓系统的状态栏和导航栏区分开了，而苹果操作系统从第七版开始状态栏和导航栏交织在一起，所以苹果操作系统的网页应用添加内边距时，需要加上状态栏的高度，安卓操作系统的网页应用则不需要加上状态栏的高度。

上述实施例中所述加载模块110，具体还用于定义所述公共指令，其中，所述公共指令包括设置苹果操作系统对应的网页应用头部的页边距数值、安卓操作系统对应的网页应用头部的页边距数值。举例来说，公共指令可为以下代码：

在上述代码中，定义的公共指令“platformtop”分别对苹果操作系统对应的网页应用头部的页边距数值、安卓操作系统对应的网页应用头部的页边距数值进行了设置，其中，代码中的具体的数值可以根据需求进行变更。进一步补充说明的是，进行页面加载，引用公共指令“platformtop”的具体代码可为以下形式：

<div platformtop style＝"border:1px solid red；">

<p style＝"text-align:center">兼容android和ios头部自适应</p>

</div>

在本实施例中，通过块级标签“*div”引用公共指令“platformtop”，通过公共指令“platformtop”判断当前操作系统的版本类型，根据判断出的版本类型设置对应的网页应用页边距。补充说明的是，对于一些行内标签来说，可以将行内标签转换为块级标签后使用公共指令。

上述实施例中所述判断模块120，具体还用于判断所述当前操作系统的版本类型是否为苹果操作系统、是否为安卓操作系统。所述调整模块130，具体还用于当判断出所述当前操作系统的版本类型为苹果操作系统时，根据苹果操作系统对应的网页应用头部的页边距数值对所述网页应用头部的内边距进行设置。上述实施例中所述调整模块130，具体还用于当判断出所述当前操作系统的版本类型为安卓操作系统时，根据安卓操作系统对应的网页应用头部的页边距数值对所述网页应用头部的内边距进行设置。

在本实施例中，网页应用的头部是指应用顶部固定的一行，无论应用的页面内容怎么滚动，顶部固定的一行一直显示在应用顶部，不随内容滚动，也称为导航栏，状态栏是指显示时间等消息的栏位，苹果操作系统从第七版开始状态栏和头部交织在一起，安卓操作系统的状态栏和头部是分开的。

具体来说，当判断出当前操作系统的版本类型为苹果操作系统时，由于苹果操作系统从第七版开始状态栏和导航栏交织在一起，对苹果操作系统的网页应用添加头部内边距时，根据苹果操作系统的网页应用头部高度加上苹果操作系统状态栏的高度，自适应调整出适合苹果操作系统的网页应用的头部页边距。当判断出当前操作系统的版本类型为安卓操作系统时，由于安卓操作系统安卓系统的状态栏和头部是分开的，根据安卓操作系统网页应用的头部高度，自适应调整出适合安卓操作系统的网页应用的头部页边距。

以上实施例提供的兼容苹果操作系统和安卓操作系统的装置，能引用兼容苹果操作系统和安卓操作系统的网页应用头部的公共指令，通过公共指令判断当前系统的类型，根据判断出的系统类型自适应设置网页应用头部的页边距，能灵活地针对不同的操作系统自适应调节网页应用头部的页边距，确保网页应用的功能正常完整，提高网页应用运行效率。

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。