兼容苹果操作系统和安卓操作系统的方法及装置制造方法及图纸

本发明专利技术提供一种兼容苹果操作系统和安卓操作系统的方法，方法：进行页面加载，引用公共指令，其中，所述公共指令用于设置苹果操作系统和安卓操作系统的网页应用头部的内边距；所述公共指令判断当前操作系统的版本类型；根据判断出的版本类型对网页应用的头部添加内边距。本发明专利技术还公开了一种兼容苹果操作系统和安卓操作系统的装置，本发明专利技术所提供的兼容苹果操作系统和安卓操作系统的方法和装置，能灵活地针对不同的操作系统自适应调节网页应用头部的页边距，确保网页应用的功能正常，提高网页应用运行效率。

Method and device compatible with Apple operating system and Android operating system

The present invention provides a method compatible with Apple's operating system and Android operating system method: page loading, citing public instruction, among them, the public in the margin setting instructions for Apple's operating system and Android operating system \Application of the head; the public instruction to determine the current operating system version type; according to the judgment of the head a version of the type of web applications to add padding. The invention also discloses a device compatible with the Apple operating system and Android operating system, method and device compatible with Apple's operating system and Android operating system provided by the invention can flexibly adjust the web application head for different operating system adaptive margins, to ensure the normal function of web application, improve web application operation efficiency.

【技术实现步骤摘要】
兼容苹果操作系统和安卓操作系统的方法及装置
本专利技术涉及通讯
，尤其涉及一种兼容苹果操作系统和安卓操作系统的方法及装置。
技术介绍
随着网页应用的发展，兼容安卓操作系统和苹果操作系统的网页应用的头部自适应已经成为必须解决的问题。现有的解决此类问题的技术绝大多数都是包括在框架里面，小范围使用起来并不灵活。现有的框架对常规的基于安卓和苹果系统的网页应用头部自适应封装的效果很好，但是对于应用中的非常规的现象，并没有给出相应的解决方案，在使用网页应用过程中会出现很多漏洞，造成网页应用的功能不正常、体验不佳、死机、数据丢失、非正常中断等现象。
技术实现思路
本专利技术的主要目的在于解决现有网页应用过程由于无法兼容安卓和苹果操作系统，造成网页应用的功能不正常、体验不佳、死机、数据丢失、非正常中断的问题。为实现上述目的，本专利技术提供一种兼容苹果操作系统和安卓操作系统的方法，所述方法包括：进行页面加载，引用公共指令，其中，所述公共指令用于设置苹果操作系统和安卓操作系统的网页应用头部的内边距；所述公共指令判断当前操作系统的版本类型；根据判断出的版本类型对网页应用的头部添加内边距。优选地，所述进行页面加载之前，所述兼容苹果操作系统和安卓操作系统的方法还包括：定义所述公共指令，其中，所述公共指令包括设置苹果操作系统对应的网页应用头部的页边距数值、安卓操作系统对应的网页应用头部的页边距数值。优选地，所述公共指令判断当前操作系统的版本类型具体包括：判断所述当前操作系统的版本类型是否为苹果操作系统、是否为安卓操作系统。优选地，所述根据判断出的版本类型对网页应用的头部添加内边距具体包括：当判断出所述当前操作系统的版本类型为苹果操作系统时，根据所述苹果操作系统对应的网页应用头部的页边距数值对所述网页应用头部的内边距进行设置。优选地，所述根据判断出的版本类型对网页应用的头部添加内边距具体还包括：当判断出所述当前操作系统的版本类型为安卓操作系统时，根据所述安卓操作系统对应的网页应用头部的页边距数值对所述网页应用头部的内边距进行设置。此外，为实现上述目的，本专利技术还提供一种兼容苹果操作系统和安卓操作系统的装置，所述装置包括：加载模块，用于进行页面加载，引用公共指令，其中，所述公共指令用于设置苹果操作系统和安卓操作系统的网页应用头部的内边距；判断模块，用于通过所述公共指令判断当前操作系统的版本类型；调整模块，用于根据判断出的版本类型对网页应用的头部添加内边距。优选地，所述加载模块，具体还用于定义所述公共指令，其中，所述公共指令包括设置苹果操作系统对应的网页应用头部的页边距数值、安卓操作系统对应的网页应用头部的页边距数值。优选地，所述判断模块，具体还用于判断所述当前操作系统的版本类型是否为苹果操作系统、是否为安卓操作系统。优选地，所述调整模块，具体还用于当判断出所述当前操作系统的版本类型为苹果操作系统时，根据所述苹果操作系统对应的网页应用头部的页边距数值对所述网页应用头部的内边距进行设置。优选地，所述调整模块，具体还用于当判断出所述当前操作系统的版本类型为安卓操作系统时，根据所述安卓操作系统对应的网页应用头部的页边距数值对所述网页应用头部的内边距进行设置。本专利技术提供的兼容苹果操作系统和安卓操作系统的方法及装置，能引用兼容苹果操作系统和安卓操作系统的网页应用头部的公共指令，通过公共指令判断当前系统的类型，根据判断出的系统类型自适应设置网页应用头部的页边距，能灵活地针对不同的操作系统自适应调节网页应用头部的页边距，确保网页应用的功能正常完整，提高网页应用运行效率。附图说明图1为本专利技术的兼容苹果操作系统和安卓操作系统的方法一实施例的流程示意图；图2为图1中步骤S20公共指令判断当前操作系统的版本类型的一具体细化流程示意图；图3为图1中步骤S30根据判断出的版本类型对网页应用的头部添加内边距一具体细化流程示意图；图4为图1中步骤S31当判断出当前操作系统的版本类型为苹果操作系统时，根据苹果操作系统对应的网页应用头部的页边距数值对网页应用头部的内边距进行设置之后的苹果操作系统界面的效果示意图；图5为图1中步骤S32当判断出当前操作系统的版本类型为苹果操作系统时，根据苹果操作系统对应的网页应用头部的页边距数值对网页应用头部的内边距进行设置之后的安卓操作系统界面的效果示意图。图6为本专利技术的兼容苹果操作系统和安卓操作系统的装置一实施例的功能模块示意图。本专利技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。具体实施方式应当理解，此处所描述的优选实施例仅用于说明和解释本专利技术，并不用于限定本专利技术。本专利技术提供一种兼容苹果操作系统和安卓操作系统的方法。参照图1，图1为本专利技术的兼容苹果操作系统和安卓操作系统的方法一实施例的流程示意图。在该实施例中，所述兼容苹果操作系统和安卓操作系统的方法包括：步骤S10、进行页面加载，引用公共指令，其中，公共指令用于设置苹果操作系统和安卓操作系统的网页应用头部的内边距。本实施例中的公共指令基于超文本标记语言(HyperTextMarkupLanguage，HTML)按照层叠样式表(CascadingStyelSheet，CSS)格式进行定义，具有爪哇脚本(JavaScript，JS)实现特性，在现有前端框架AngularJS基础上衍生而来。在整个实现过程中依赖了AngularJS框架中的指令特性。步骤S20、公共指令判断当前操作系统的版本类型。在本实施例中，页面加载后，当执行到公共指令时，自动运行JS代码，判断当前操作平台是苹果操作系统、还是安卓操作系统。步骤S30、根据判断出的版本类型对网页应用的头部添加内边距。在本实施例中，公共指令中针对不同的操作系统设置了不同的网页应用页边距的数值，当判断出当前的操作系统时，根据公共指令中的数值对网页应用的页边距进行自动添加，补充说明的是，现有安卓系统的状态栏和导航栏区分开了，而苹果操作系统从第七版开始状态栏和导航栏交织在一起，所以苹果操作系统的网页应用添加内边距时，需要加上状态栏的高度，安卓操作系统的网页应用则不需要加上状态栏的高度。在本实施例中，步骤S10进行页面加载，引用公共指令之前，所述方法还包括定义公共指令，其中，公共指令包括设置苹果操作系统对应的网页应用头部的页边距数值、安卓操作系统对应的网页应用头部的页边距数值。举例来说，公共指令可为以下代码：在上述代码中，定义的公共指令“platformtop”分别对苹果操作系统对应的网页应用头部的页边距数值、安卓操作系统对应的网页应用头部的页边距数值进行了设置，其中，代码中的具体的数值可以根据需求进行变更。进一步补充说明的是，进行页面加载，引用公共指令“platformtop”的具体代码可为以下形式：<divplatformtopstyle＝"border:1pxsolidred；"><pstyle＝"text-align:center">兼容android和ios头部自适应</p></div>在本实施例中，通过块级标签“*div”引用公共指令“platformtop”，通过公共指令“platformtop”判断当前操作系统的版本类型，根据判断出的版本类型设置对应的网页应用页边距本文档来自技高网...

【技术保护点】
一种兼容苹果操作系统和安卓操作系统的方法，其特征在于，包括：进行页面加载，引用公共指令，其中，所述公共指令用于设置苹果操作系统和安卓操作系统的网页应用头部的内边距；所述公共指令判断当前操作系统的版本类型；根据判断出的版本类型对网页应用的头部添加内边距。

【技术特征摘要】
1.一种兼容苹果操作系统和安卓操作系统的方法，其特征在于，包括：进行页面加载，引用公共指令，其中，所述公共指令用于设置苹果操作系统和安卓操作系统的网页应用头部的内边距；所述公共指令判断当前操作系统的版本类型；根据判断出的版本类型对网页应用的头部添加内边距。2.如权利要求1所述的兼容苹果操作系统和安卓操作系统的方法，其特征在于，所述进行页面加载之前，所述方法还包括：定义所述公共指令，其中，所述公共指令包括设置苹果操作系统对应的网页应用头部的页边距数值、安卓操作系统对应的网页应用头部的页边距数值。3.如权利要求1所述的兼容苹果操作系统和安卓操作系统的方法，其特征在于，所述公共指令判断当前操作系统的版本类型具体包括：判断所述当前操作系统的版本类型是否为苹果操作系统、是否为安卓操作系统。4.如权利要求1所述的兼容苹果操作系统和安卓操作系统的方法，其特征在于，所述根据判断出的版本类型对网页应用的头部添加内边距具体包括：当判断出所述当前操作系统的版本类型为苹果操作系统时，根据所述苹果操作系统对应的网页应用头部的页边距数值对所述网页应用头部的内边距进行设置。5.如权利要求4所述的兼容苹果操作系统和安卓操作系统的方法，其特征在于，所述根据判断出的版本类型对网页应用的头部添加内边距具体还包括：当判断出所述当前操作系统的版本类型为安卓操作系统时，根据所述安卓操作系统对应的网页应用头部的页边距数值...

【专利技术属性】
技术研发人员：赵春兰，张威，
申请(专利权)人：深圳市华第时代科技有限公司，
类型：发明
国别省市：广东,44