网页系统运行方法、装置、设备、存储介质和程序与流程

本技术涉及本技术涉及计算机技术前端开发领域，特别是涉及一种网页系统运行方法、装置、设备、存储介质和程序。

背景技术：

1、随着计算机技术的迅猛发展，浏览器越来越多样化，对应的版本也越来越高，出现了很多web系统无法适应所有浏览器的问题。例如，若web系统是基于低版本浏览器开发的，一旦低版本浏览器下架，就导致该web系统无法在其他高级版本的浏览器运行。

2、基于此，往往需要对web系统进行改造才能使其兼容运行在不同浏览器中。传统方法中，针对同一web系统在多浏览器兼容的方式通常是在web系统前端运行在页面中时，根据浏览器环境把web系统前端方法的调用在每个脚本功能点进行修改，以适应浏览器环境。

3、然而，上述web系统兼容多浏览器的方法过于繁杂，存在费时费力的问题。

技术实现思路

1、基于此，有必要针对上述技术问题，提供一种能够提升web系统兼容效率的网页系统运行方法、装置、设备、存储介质和程序。

2、第一方面，本技术提供了一种网页系统运行方法，该方法包括：

3、响应于网页系统的运行请求，通过执行兼容脚本库输出网页系统在目标浏览器中的运行接口指令；目标浏览器表示网页系统当前请求运行浏览器；兼容脚本库是根据网页系统在多个不同类型浏览器中的所有调用方法生成的库文件；

4、根据运行接口指令，在目标浏览器中运行网页系统。

5、在其中一个实施例中，通过执行兼容脚本库输出网页系统在目标浏览器中的运行接口指令，包括：

6、通过执行兼容脚本库获取目标浏览器的类别；

7、根据目标浏览器的类别，输出网页系统在目标浏览器中的运行接口指令。

8、在其中一个实施例中，获取目标浏览器的类别包括：

9、获取目标浏览器的类型和版本号；

10、若类型为预设的浏览器类型且版本号属于预设的版本号，则确定目标浏览器为原始浏览器；否则，确定目标浏览器为高级浏览器。

11、在其中一个实施例中，根据目标浏览器的类别信息，输出网页系统在目标浏览器中的运行接口指令，包括：

12、若目标浏览器的类别为原始浏览器，则在兼容脚本库中获取网页系统在原始浏览器中的所有原始调用方法；

13、根据各原始调用方法，输出网页系统在原始浏览器中的运行接口指令。

14、在其中一个实施例中，根据目标浏览器的类别信息，输出网页系统在目标浏览器中的运行接口指令，包括：

15、若目标浏览器的类别为高级浏览器，则在兼容脚本库中获取网页系统在高级浏览器中的所有高级调用方法；

16、根据各高级调用方法，输出网页系统在高级浏览器中的运行接口指令。

17、在其中一个实施例中，根据各高级调用方法，输出网页系统在高级浏览器中的运行接口指令，包括：

18、获取网页系统在高级浏览器中运行页面的功能；

19、根据运行页面的功能，对各高级调用方法进行拼接，以生成网页系统在高级浏览器中的运行接口指令。

20、在其中一个实施例中，网页系统运行方法还包括：

21、获取高级浏览器所支持的功能特性；

22、根据高级浏览器所支持的功能特性，对网页系统的各原始调用方法进行重新封装，生成各原始调用方法对应的高级调用方法。

23、在其中一个实施例中，原始调用方法包括原始脚本方法，根据高级浏览器所支持的功能特性，对网页系统的各原始调用方法进行重新封装，生成各原始调用方法对应的高级调用方法，包括：

24、获取高级浏览器的语法标准；

25、根据高级浏览器的语法标准重新定义网页系统的原始脚本方法，得到重新定义后的原始脚本方法；

26、将重新定义后的原始脚本方法进行封装，得到高级脚本方法。

27、在其中一个实施例中，原始脚本方法包括多种子脚本方法，且每个子脚本方法中包括多个参数，根据高级浏览器的语法标准重新定义网页系统的原始脚本方法，包括：

28、针对任一种子脚本方法，依次获取子脚本方法中各参数，并通过高级浏览器的语法标准重新对参数进行定义，形成定义后的各参数；

29、根据子脚本方法中各参数之间的逻辑关系，将定义后的各参数进行封装，得到重新定义后的子脚本方法。

30、在其中一个实施例中，多种子脚本方法包括公用方法脚本方法、库属性脚本方法、元素兼容脚本方法、事件兼容脚本方法、表单选取脚本方法、节点获取脚本方法、字符串处理脚本方法、运行系统属性脚本方法中至少一个。

31、在其中一个实施例中，原始调用方法包括原始层叠样式表方法，根据高级浏览器所支持的功能特性，对网页系统的各原始调用方法进行重新封装，生成各原始调用方法对应的高级调用方法，包括：

32、在网页系统的原始层叠样式表方法基础上，构建高级浏览器支持的高级层叠样式表方法；

33、根据高级浏览器的样式标准封装高级层叠样式表方法，得到高级层叠样式表方法。

34、在其中一个实施例中，原始调用方法包括原始插件方法，根据高级浏览器所支持的功能特性，对网页系统的各原始调用方法进行重新封装，生成各原始调用方法对应的高级调用方法，包括：

35、获取高级浏览器中插件功能的调用标准；插件功能包括读取数据功能、发送请求功能和拍照功能；

36、根据插件功能的调用标准重新定义网页系统的原始插件方法；

37、将重新定义后的原始插件方法进行封装，得到高级插件方法。

38、在其中一个实施例中，原始调用方法包括原始绘制图表方法，根据高级浏览器所支持的功能特性，对网页系统的各原始调用方法进行重新封装，生成各原始调用方法对应的高级调用方法，包括：

39、获取网页系统的矢量图像节点、高级浏览器的矢量图像绘制标准；

40、根据高级浏览器的矢量图像绘制标准重新生成网页系统的绘制节点方法；

41、将重新生成的绘制节点方法进行封装，得到高级绘制图表方法。

42、在其中一个实施例中，原始调用方法包括原始组件引入方法，根据高级浏览器所支持的功能特性，对网页系统的各原始调用方法进行重新封装，生成各原始调用方法对应的高级调用方法，包括：

43、获取网页系统的组件文件、高级浏览器的风格样式；

44、根据高级浏览器的风格样式修改网页系统的原始组件引入方法；

45、将修改后的组件文件引入方法重新封装，得到高级组件引入方法。

46、在其中一个实施例中，原始调用方法包括原始客户端文件上传方法，根据高级浏览器所支持的功能特性，对网页系统的各原始调用方法进行重新封装，生成各原始调用方法对应的高级调用方法，包括：

47、获取高级浏览器的标签文件夹；

48、根据高级浏览器的标签文件夹对网页系统的原始客户端上传方法进行覆盖处理；

49、将覆盖处理后的原始客户端上传方法进行封装，得到高级客户端上传方法。

50、第二方面，本技术还提供了一种网页系统运行装置。该装置包括：

51、指令输出模块，用于响应于网页系统的运行请求，通过执行兼容脚本库输出网页系统在目标浏览器中的运行接口指令；目标浏览器表示网页系统当前请求运行浏览器；兼容脚本库是根据网页系统在多个不同类型浏览器中的所有调用方法生成的库文件；

52、页面运行模块，用于根据运行接口指令，在目标浏览器中运行网页系统。

53、第三方面，本技术还提供了一种计算机设备。该计算机设备包括存储器和处理器，该存储器存储有计算机程序，该处理器执行计算机程序时实现上述第一方面中任一项实施例中的方法的步骤。

54、第四方面，本技术还提供了一种计算机可读存储介质。该计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述第一方面中任一项实施例中的方法的步骤。

55、第五方面，本技术还提供了一种计算机程序产品。该计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现上述第一方面中任一项实施例中的方法的步骤。

56、上述网页系统运行方法、装置、设备、存储介质和程序，根据响应于网页系统的运行请求，通过执行兼容脚本库输出网页系统在目标浏览器中的运行接口指令；然后根据运行接口指令，在目标浏览器中运行网页系统。其中，该方法中的目标浏览器表示网页系统当前请求运行浏览器；兼容脚本库是根据网页系统在多个不同类型浏览器中的所有调用方法生成的库文件。由于该方法是基于兼容脚本库对网页系统的调用方法进行兼容的，且兼容脚本库包含浏览器的所有调用方法，相当于在对网页系统的运行请求时，直接获取了能够兼容目标浏览器的所有运行指令，这样构建的兼容脚本库能够在兼容不同类型的浏览器，提升网页系统在不同浏览器上兼容运行的效率。