CN107341038B - 兼容性处理方法、装置及电子设备 - Google Patents

Abstract

本发明实施例提供了一种兼容性处理方法、装置及电子设备，涉及互联网技术领域。所述兼容性处理方法包括：编译器根据获取到的任务信息，向web资源库发起网页静态资源请求；再加载所述web资源库返回的网页静态资源；然后基于预设的兼容性知识库，对所述网页静态资源进行兼容性处理，生成所述网页静态资源对应的目标资源，以此实现编译器自动处理网页的兼容性问题，提高效率。

Description

兼容性处理方法、装置及电子设备

技术领域

本发明涉及互联网技术领域，具体而言，涉及一种兼容性处理方法、装置及电子设备。

背景技术

随着网络技术的不断发展，web技术在各行各业中得到广泛应用，支持web应用运行的浏览器软件越来越多，版本也在不断更新，受这些因素的影响，浏览器兼容性问题越来越突出。同时，良好的用户体验在web应用中的地位也越来越重要，这就对web应用的兼容性提出了更高要求。目前，高版本浏览器占据了大部分市场份额，但在某些单位，如公检法等，仍然在使用IE6-8浏览器，这些使用IE6-8浏览器的用户对兼容性需求更加强烈。现有技术中的兼容性方案至少存在以下缺点：对开发人员的技术及经验要求高，人力成本高，工作量大。

发明内容

本发明的目的在于提供一种兼容性处理方法、装置及电子设备，以改善上述问题。为了实现上述目的，本发明采取的技术方案如下：

第一方面，本发明实施例提供了一种兼容性处理方法，所述方法包括：编译器根据获取到的任务信息，向web资源库发起网页静态资源请求；加载所述web资源库返回的网页静态资源；基于预设的兼容性知识库，对所述网页静态资源进行兼容性处理，生成所述网页静态资源对应的目标资源。

第二方面，本发明实施例提供了一种兼容性处理装置，所述装置包括发起单元、加载单元和处理单元。发起单元，用于编译器根据获取到的任务信息，向web资源库发起网页静态资源请求。加载单元，用于加载所述web资源库返回的网页静态资源。处理单元，用于基于预设的兼容性知识库，对所述网页静态资源进行兼容性处理，生成所述网页静态资源对应的目标资源。

第三方面，本发明实施例提供了一种电子设备，所述电子设备包括处理器和存储器，所述处理器和所述存储器通过总线电连接；所述存储器用于存储程序；所述处理器，用于通过所述总线调用存储在所述存储器中的程序，执行：编译器根据获取到的任务信息，向web资源库发起网页静态资源请求；加载所述web资源库返回的网页静态资源；基于预设的兼容性知识库，对所述网页静态资源进行兼容性处理，生成所述网页静态资源对应的目标资源。

本发明实施例提供了一种兼容性处理方法、装置及电子设备，所述方法包括：编译器根据获取到的任务信息，向web资源库发起网页静态资源请求；再加载所述web资源库返回的网页静态资源；然后基于预设的兼容性知识库，对所述网页静态资源进行兼容性处理，生成所述网页静态资源对应的目标资源，以此实现编译器自动处理网页的兼容性问题，提高效率。

本发明的其他特征和优点将在随后的说明书阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明实施例了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本发明实施例提供的电子设备的结构框图；

图2为本发明实施例提供的兼容性处理方法的流程图；

图3为本发明实施例提供的兼容性处理方法的子流程图；

图4为本发明实施例提供的兼容性处理装置的结构框图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本发明的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

请参阅图1，示出了一种可应用于本发明实施例中的电子设备100的结构框图。电子设备100可以包括存储器102、存储控制器104、一个或多个(图1中仅示出一个)处理器106、外设接口108、输入输出模块110、音频模块112、显示模块114、射频模块116和兼容性处理装置。

存储器102、存储控制器104、处理器106、外设接口108、输入输出模块110、音频模块112、显示模块114、射频模块116各元件之间直接或间接地电连接，以实现数据的传输或交互。例如，这些元件之间可以通过一条或多条通讯总线或信号总线实现电连接。兼容性处理方法分别包括至少一个可以以软件或固件(firmware)的形式存储于存储器102中的软件功能模块，例如所述兼容性处理装置包括的软件功能模块或计算机程序。

存储器102可以存储各种软件程序以及模块，如本申请实施例提供的兼容性处理方法及装置对应的程序指令/模块。处理器106通过运行存储在存储器102中的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现本申请实施例中的兼容性处理方法。

存储器102可以包括但不限于随机存取存储器(Random Access Memory，RAM)，只读存储器(Read Only Memory，ROM)，可编程只读存储器(Programmable Read-OnlyMemory，PROM)，可擦除只读存储器(Erasable Programmable Read-Only Memory，EPROM)，电可擦除只读存储器(Electric Erasable Programmable Read-Only Memory，EEPROM)等。

处理器106可以是一种集成电路芯片，具有信号处理能力。上述处理器可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(NetworkProcessor，简称NP)等；还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。其可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

所述外设接口108将各种输入/输入装置耦合至处理器106以及存储器102。在一些实施例中，外设接口108、处理器106以及存储控制器104可以在单个芯片中实现。在其他一些实例中，他们可以分别由独立的芯片实现。

输入输出模块110用于提供给用户输入数据实现用户与电子设备100的交互。所述输入输出模块110可以是，但不限于，鼠标和键盘等。

音频模块112向用户提供音频接口，其可包括一个或多个麦克风、一个或者多个扬声器以及音频电路。

显示模块114在电子设备100与用户之间提供一个交互界面(例如用户操作界面)或用于显示图像数据给用户参考。在本实施例中，所述显示模块114可以是液晶显示器或触控显示器。若为触控显示器，其可为支持单点和多点触控操作的电容式触控屏或电阻式触控屏等。支持单点和多点触控操作是指触控显示器能感应到来自该触控显示器上一个或多个位置处同时产生的触控操作，并将该感应到的触控操作交由处理器106进行计算和处理。

射频模块116用于接收以及发送电磁波，实现电磁波与电信号的相互转换，从而与通信网络或者其他设备进行通信。

可以理解，图1所示的结构仅为示意，电子设备100还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。图1中所示的各组件可以采用硬件、软件或其组合实现。

于本发明实施例中，电子设备100可以为PC(personal computer)电脑、平板电脑、手机、笔记本电脑、智能电视、机顶盒、车载终端等终端设备。电子设备100中安装有客户端，该客户端可以是浏览器也可以是第三方应用软件，与服务器(Server)端相对应。所述浏览器的版本可以为低版本，例如有IE6、IE7和IE8。第三方应用软件可以为编译器。

请参阅图2，本发明实施例提供了一种兼容性处理方法，所述方法包括步骤S300、步骤S310和步骤S320。

步骤S300：编译器根据获取到的任务信息，向web资源库发起网页静态资源请求。

在本实施例中，编译系统由主机(Master)、从机(Slave)和Web资源库构成，其采用主从结构进行设计，以nodejs为执行环境，结合了express、ws、glob、fs-extra、phantomjs等插件进行开发，主机主要负责web资源库的管理、任务的规划与分派，从机主要负责执行任务，主机与从机之间采用socket进行通信。

Master：它是编译系统的全局指挥者，负责配置项检查、资源检查、任务规划与分派、数据统计、Web资源库管理等工作。

Slave：它是编译系统任务执行者，实际就是一个编译器，它收到Master分派的任务后，向Web资源库请求资源，然后执行任务，任务执行完毕后，向Master上传数据，并退出。编译器，即Slave，是编译系统的核心部件，主要负责执行Master分派的任务，其执行过程包含了编译系统全部的关键流程。

编译器由编译规则、规则引擎、通信系统和浏览器构成。规则引擎：它是Slave运行的核心控制器，它能够理解编译规则的约定，并严格按照编译规则，对web资源进行处理。通信系统：它负责Slave与Master的信息交流。浏览器：它负责打开、展示web页面，通常采用无界面浏览器，如，phantomjs、slimerjs等。

Web资源库：它是web资源提供者，负责向发起请求的Slave提供所需资源，由Master对其进行管理。

编译规则是一种语法抽象，是根据项目中实际情况提取形成的语法规则。用户可以根据编译规则的语法，自定义编译规则，完成用户自定义任务。

编写编译规则时，应满足以下条件：独立性，即各条规则相互独立，不存在交集；单一性，即避免重复规则。

一条比较完整的编译规则主要包含以下配置项：selector(array of string)：css3选择器，用于选择指定的元素；name(array of string)：css类名，与selector的选择器一一对应；runtimeStyle(string)：运行时样式；status(array of object)：需要截取的元素状态，包括：prop(object)：html视觉属性；val(array of string)：css状态值，如，‘hover’，‘focus’，‘active’；cssTemplate(object)：当前状态下的css规则模板；areas(array of object)：元素局部区域截图；top(number)：局部区域top值，是一个相对值，以当前HTML元素的top值为参考值；left(number)：局部区域left值，是一个相对值，以当前HTML元素的left值为参考值；right(number)：局部区域right值，是一个相对值，以当前HTML元素的right值为参考值；bottom(number)：局部区域bottom值，是一个相对值，以当前HTML元素的bottom值为参考值；height(number/object)：局部区域高度，若为number，则是一个相对值；若为object，则是一个绝对值；width(number/object)：局部区域宽度，若为number，则是一个相对值，若为object，则是一个绝对值。areaExtend(boolean)：是否为区域扩展，默认值为false。htmlTemplate(object)：html规则模板，用于修改元素的HTML代码，包括outerHTML：设置当前HTML元素的外部HTML；innerHTML：设置当前HTML元素的内部HTML；textContent：设置当前HTML元素的文本内容。cssTemplate(object)：css规则模板，用于生成CSS规则，包括ie6(string)：设置ie6浏览器上css规则模板；ie7(string)：设置ie7浏览器上css规则模板；ie8(string)：设置ie8浏览器上css规则模板。

一条有效的规则至少包含一个selector配置项和cssTemplate、htmlTemplate、status三个配置项中的任意一个配置项，不满足上述条件的规则视为无效规则。

基于步骤S300，进一步地，所述任务信息包括web资源库的端口，编译器通过所述web资源库的端口向web资源库发起网页静态资源请求。

编译器启动后，进入初始化阶段。在初始化阶段中，编译器将执行任务请求、目录创建等操作，为编译阶段做好准备。分配给编译器的任务包含编译规则集合、HTML页面集合、web资源库端口、浏览器版本、源码目录、目标代码目录等信息。

例如，编译器根据分配的任务，通过浏览器向web资源库请求web静态资源。

步骤S310：加载所述web资源库返回的网页静态资源。

步骤S320：基于预设的兼容性知识库，对所述网页静态资源进行兼容性处理，生成所述网页静态资源对应的目标资源。

在本实施例中，加载运行所述web资源库返回的网页静态资源，将HTML元素放置于真实的运行环境中。在兼容性知识库和编译规则支持下，规则引擎对真实环境中的HTML元素进行处理；编译器输出目标资源，如，HTML文件、CSS文件、图片文件。

请参阅图3，基于步骤S320，进一步地，所述任务信息还包括编译规则集合，步骤S320可以包括子步骤S321、子步骤S322、子步骤S323。

子步骤S321：检测到所述网页静态资源对应的HTML页面集合不为空时，获取所述HTML页面集合中的下一个HTML页面。

子步骤S322：读取所述编译规则集合，若检测到所述编译规则集合不为空时，读取所述编译规则集合中的下一条编译规则，并根据当前编译规则，获取当前HTML页面中预设的HTML元素集合。

子步骤S323：若检测到所述HTML元素集合不为空时，获取所述HTML元素集合中的下一个HTML元素，读取当前节点的相关属性，将所述当前节点的相关属性与预设的兼容性知识库进行匹配，若匹配成功，则对所述当前节点进行兼容性处理，生成兼容性处理后的HTML页面目标资源。

所述方法还包括：基于子步骤S321，进一步地，若检测到所述HTML元素集合为空时，检测所述编译规则集合是否为空。

基于子步骤S322，进一步地，检测到所述编译规则集合为空时，将预设的CSS文件引入到当前HTML页面中，并保存当前HTML页面。

本发明实施例提供了一种兼容性处理方法，所述方法包括：编译器根据获取到的任务信息，向web资源库发起网页静态资源请求；再加载所述web资源库返回的网页静态资源；然后基于预设的兼容性知识库，对所述网页静态资源进行兼容性处理，生成所述网页静态资源对应的目标资源，以此实现编译器自动处理网页的兼容性问题，提高效率。

请参阅图4，本发明实施例提供了一种兼容性处理装置400，所述装置400包括发起单元410、加载单元420和处理单元430。

发起单元410，用于编译器根据获取到的任务信息，向web资源库发起网页静态资源请求。

所述任务信息包括web资源库的端口，发起单元410可以包括发起子单元411。

发起子单元411，用于编译器通过所述web资源库的端口向web资源库发起网页静态资源请求。

加载单元420，用于加载所述web资源库返回的网页静态资源。

处理单元430，用于基于预设的兼容性知识库，对所述网页静态资源进行兼容性处理，生成所述网页静态资源对应的目标资源。

所述任务信息还包括编译规则集合，所述处理单元430可以包括检测子单元431、获取子单元432和匹配子单元434。

检测子单元431，用于检测到所述网页静态资源对应的HTML页面集合不为空时，获取所述HTML页面集合中的下一个HTML页面。

获取子单元432，用于读取所述编译规则集合，若检测到所述编译规则集合不为空时，读取所述编译规则集合中的下一条编译规则，并根据当前编译规则，获取当前HTML页面中预设的HTML元素集合。

匹配子单元433，用于若检测到所述HTML元素集合不为空时，获取所述HTML元素集合中的下一个HTML元素，读取当前节点的相关属性，将所述当前节点的相关属性与预设的兼容性知识库进行匹配，若匹配成功，则对所述当前节点进行兼容性处理，生成兼容性处理后的HTML页面目标资源。

所述装置还包括集合检测单元440和引入单元450。

集合检测单元440，用于若检测到所述HTML元素集合为空时，检测所述编译规则集合是否为空。

引入单元450，用于检测到所述编译规则集合为空时，将预设的CSS文件引入到当前HTML页面中，并保存当前HTML页面。

以上各单元可以是由软件代码实现，此时，上述的各单元可存储于存储器102内。以上各单元同样可以由硬件例如集成电路芯片实现。

本发明实施例提供的兼容性处理装置400，其实现原理及产生的技术效果和前述方法实施例相同，为简要描述，装置实施例部分未提及之处，可参考前述方法实施例中相应内容，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

Claims (5)

1.一种兼容性处理方法，其特征在于，所述方法包括：

编译器根据获取到的任务信息，向web资源库发起网页静态资源请求，其中，所述任务信息还包括编译规则集合；

加载所述web资源库返回的网页静态资源；

检测到所述网页静态资源对应的HTML页面集合不为空时，获取所述HTML页面集合中的下一个HTML页面；

读取所述编译规则集合，若检测到所述编译规则集合不为空时，读取所述编译规则集合中的下一条编译规则，并根据当前编译规则，获取当前HTML页面中预设的HTML元素集合；

若检测到所述HTML元素集合不为空时，获取所述HTML元素集合中的下一个HTML元素，读取当前节点的相关属性，将所述当前节点的相关属性与预设的兼容性知识库进行匹配，若匹配成功，则对所述当前节点进行兼容性处理，生成兼容性处理后的HTML页面目标资源；若检测到所述HTML元素集合为空时，检测所述编译规则集合是否为空；检测到所述编译规则集合为空时，将预设的CSS文件引入到当前HTML页面中，并保存当前HTML页面。

2.根据权利要求1所述的方法，其特征在于，所述任务信息包括web资源库的端口，所述向web资源库发起网页静态资源请求，包括：

编译器通过所述web资源库的端口向web资源库发起网页静态资源请求。

3.一种兼容性处理装置，其特征在于，所述装置包括：

发起单元，用于编译器根据获取到的任务信息，向web资源库发起网页静态资源请求，其中，所述任务信息还包括编译规则集合；

加载单元，用于加载所述web资源库返回的网页静态资源；

处理单元，用于基于预设的兼容性知识库及所述编译规则集合，对所述网页静态资源进行兼容性处理，生成所述网页静态资源对应的目标资源；其中，所述处理单元包括：

检测子单元，用于检测到所述网页静态资源对应的HTML页面集合不为空时，获取所述HTML页面集合中的下一个HTML页面；

获取子单元，用于读取所述编译规则集合，若检测到所述编译规则集合不为空时，读取所述编译规则集合中的下一条编译规则，并根据当前编译规则，获取当前HTML页面中预设的HTML元素集合；

匹配子单元，用于若检测到所述HTML元素集合不为空时，获取所述HTML元素集合中的下一个HTML元素，读取当前节点的相关属性，将所述当前节点的相关属性与预设的兼容性知识库进行匹配，若匹配成功，则对所述当前节点进行兼容性处理，生成兼容性处理后的HTML页面目标资源；

检测子单元，还用于若检测到所述HTML元素集合为空时，检测所述编译规则集合是否为空；

所述装置还包括：引入单元，用于检测到所述编译规则集合为空时，将预设的CSS文件引入到当前HTML页面中，并保存当前HTML页面。

4.根据权利要求3所述的装置，其特征在于，所述任务信息包括web资源库的端口，所述发起单元包括：

发起子单元，用于编译器通过所述web资源库的端口向web资源库发起网页静态资源请求。

5.一种电子设备，其特征在于，所述电子设备包括处理器和存储器，所述处理器和所述存储器通过总线电连接；所述存储器用于存储程序；所述处理器，用于通过所述总线调用存储在所述存储器中的程序，执行：

编译器根据获取到的任务信息，向web资源库发起网页静态资源请求，其中，所述任务信息还包括编译规则集合；

加载所述web资源库返回的网页静态资源；

检测到所述网页静态资源对应的HTML页面集合不为空时，获取所述HTML页面集合中的下一个HTML页面；

读取所述编译规则集合，若检测到所述编译规则集合不为空时，读取所述编译规则集合中的下一条编译规则，并根据当前编译规则，获取当前HTML页面中预设的HTML元素集合；

若检测到所述HTML元素集合不为空时，获取所述HTML元素集合中的下一个HTML元素，读取当前节点的相关属性，将所述当前节点的相关属性与预设的兼容性知识库进行匹配，若匹配成功，则对所述当前节点进行兼容性处理，生成兼容性处理后的HTML页面目标资源；若检测到所述HTML元素集合为空时，检测所述编译规则集合是否为空；检测到所述编译规则集合为空时，将预设的CSS文件引入到当前HTML页面中，并保存当前HTML页面。

Images