排版查错方法及装置、电子设备、存储介质与流程

本申请涉及计算机技术领域，特别涉及一种排版查错方法及装置、电子设备、计算机可读存储介质。

背景技术：

在线教育行业，往往可以通过web页面向用户展示试题。试题从数据库导入网页时，排版可能出错。错误的试题排版会严重影响用户对企业的观感，甚至降低用户的信任度。因此，需要对试题的排版进行检查，目前都是由人工对展示试题的网页进行抽样检查，如果发现存在排版错误的情况，则反馈给相关负责人，由相关负责人进行调整。但是，人工检查的方式非常低效，并且，抽样检查的范围有限，仍旧会遗漏大量的排版错误。

技术实现要素：

本申请实施例的目的在于提供一种排版查错方法及装置、电子设备、计算机可读存储介质，用于实现自动排版查错。

一方面，本申请提供了一种排版查错方法，包括：

在预设的基准分辨率下，对显示页面进行截图，获得页面图像；

提取所述页面图像中每一显示对象的各配置项所对应的实际特征数据；

针对所述页面图像中的任一显示对象，判断所述显示对象中的任一配置项所对应的实际特征数据与所述配置项对应的指定特征数据是否一致；

若不一致，则确定所述显示页面排版存在错误。

在一些可能的实施方式中，所述在预设的基准分辨率下，对所述显示页面进行截图，获得页面图像，包括：

从多种候选基准分辨率中选择至少一种基准分辨率；

通过截图工具对所述显示页面在所述至少一种基准分辨率下进行截图，获得至少一个页面图像。

在一些可能的实施方式中，所述截图工具包括puppeteer、nightmare。

在一些可能的实施方式中，所述判断所述显示对象中的任一配置项所对应的实际特征数据与所述配置项对应的指定特征数据是否一致，包括：

判断所述显示对象中的任一配置项所对应的实际特征数据与所述配置项对应的指定特征数据之间的误差是否大于设定阈值。

在一些可能的实施方式中，在判断所述显示对象中的任一配置项所对应的实际特征数据与所述配置项对应的指定特征数据是否一致之后，所述方法还包括：

对判断结果添加正误标记；其中，所述正误标记表示所述判断结果正确或错误；

依据所有判断结果的正误标记，确定误差率，并判断所述误差率是否超过预设误差率阈值；

如果是，发送查错功能异常的提示消息。

在一些可能的实施方式中，基准分辨率、配置项以及指定特征数据之间的对应关系均存储在配置文件中。

在一些可能的实施方式中，在所述确定所述显示页面排版存在错误之后，方法还包括：

发送排版错误的提示消息。

另一方面，本申请还提供了一种排版查错装置，包括：

截图模块，用于在预设的基准分辨率下，对显示页面进行截图，获得页面图像；

提取模块，用于提取所述页面图像中每一显示对象的各配置项所对应的实际特征数据；

判断模块，用于针对所述页面图像中的任一显示对象，判断所述显示对象中的任一配置项所对应的实际特征数据与所述配置项对应的指定特征数据是否一致；

确定模块，用于若不一致，则确定所述显示页面排版存在错误。

进一步的，本申请还提供了一种电子设备，所述电子设备包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为执行上述排版查错方法。

另外，本申请还提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序可由处理器执行以完成上述排版查错方法。

在本申请实施例中，在基准分辨率下对显示页面进行截图，获得页面图像，可以从页面图像中提取到每一显示对象的各配置项对应的实际特征数据，并比较每一配置项对应的实际特征数据与指定特征数据是否一致；当任一显示对象的任一配置项的实际特征数据与指定特征数据不同，可以确定该显示对象排版错误；该方法可以替代人工检查的方法，扩大了排版检查的范围，避免遗漏排版错误。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单地介绍。

图1为本申请一实施例提供的排版查错方法的应用场景示意图；

图2为本申请一实施例提供的电子设备的结构示意图；

图3为本申请一实施例提供的排版查错方法的流程示意图；

图4为本申请一实施例提供的验证排版查错方法的流程示意图；

图5为本申请一实施例提供的排版查错装置的框图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。

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

图1为本申请实施例提供的排版查错方法的应用场景示意图。如图1所示，该应用场景包括服务端30和客户端20，服务端30可以是服务器、服务器集群或者云计算中心，服务端30可以对显示页面(比如：展示试题的网页)进行检查，并在确定存在排版错误的情况下，向客户端20发送告警提示信息。客户端20可以是智能手机、平板电脑、个人主机等智能设备，用于接收服务端30发送的告警提示信息。

如图2所示，本实施例提供一种电子设备1，包括：至少一个处理器11和存储器12，图2中以一个处理器11为例。处理器11和存储器12通过总线10连接，存储器12存储有可被处理器11执行的指令，指令被处理器11执行，以使电子设备1可执行下述的实施例中方法的全部或部分流程。在一些可能的实施方式中，电子设备1可以是上述服务端30。

存储器12可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(staticrandomaccessmemory，简称sram)，电可擦除可编程只读存储器(electricallyerasableprogrammableread-onlymemory，简称eeprom)，可擦除可编程只读存储器(erasableprogrammablereadonlymemory，简称eprom)，可编程只读存储器(programmablered-onlymemory，简称prom)，只读存储器(read-onlymemory，简称rom)，磁存储器，快闪存储器，磁盘或光盘。

本申请还提供了一种计算机可读存储介质，存储介质存储有计算机程序，计算机程序可由处理器11执行以完成本申请提供的排版查错方法。

参见图3，为本申请一实施例提供的排版查错方法的流程示意图，如图3所示，该方法可以包括以下步骤310-步骤340。

步骤310：在预设的基准分辨率下，对显示页面进行截图，获得页面图像。

其中，显示页面可以是网页、本地文档、应用软件的显示页面等用于展示内容的页面，显示页面中包括显示对象。在一些可能的实施方式中，显示页面可以为电子设备(如服务器等)上显示的试题网页，显示对象是试题网页上的试题，包括文本信息、图表信息以及符号信息等。

在一些可能的实施方式中，文本信息包括中文文本、英文文本、日文文本等多个语种文本，或者包括多种语种文本的混合文本，对此不做赘述。

基准分辨率(baseresolution，br)是在制作显示页面时设定的分辨率，或者，为显示页面的显示效果最佳的分辨率，例如显示在某种终端设备上，最符合大众审美的分辨率等。

在一些可能的实施方式中，针对不同的终端设备，可以设置不同的基准分辨率，例如针对手机、平板电脑、电脑，设置不同的基准分辨率，以提高用户的使用体验。

也就是说，在服务器上对显示页面的排版进行查错时，可以预先设置多种对应不同终端设备要求的基准分辨率，然后针对每一种基准分辨率进行显示和查看，只有确认每一种基准分辨率或者预先要求的一种或多种(两种及以上)基准分辨率上的显示页面均正常显示后，才认定这个显示页面可以正常上线并使用，例如可以将这个显示页面对应的试题展示在用户终端上，以由终端对应的用户使用，对此不做赘述。

具体地，服务端可以在基准分辨率下对显示页面截图，以获得用于判断是否存在排版错误的页面图像。在一些可能的实施方式中，显示页面为试题网页，执行本申请排版查错方法的服务端可以预配置待查错的试题网页的网页地址，通过访问试题网页，并进行截图，以得到页面图像。

步骤320：提取所述页面图像中每一显示对象的各配置项所对应的实际特征数据。

其中，配置项可以包括行高、行距、字间距、填空位大小、字体大小、字体颜色、字体类型等表示显示对象排版效果的内容。在一些可能的实施方式中，显示对象为试题，配置项可以是题干与页面边框的距离、答案选项与页面边框的距离、行高、题干能否换行、题干字体大小等表示试题排版形式的内容。

实际特征数据是从页面图像中提取到的特征数据，表示当前显示对象的实际排版情况。示例性的，显示对象为试题，配置项为题干与页面边框的距离，对应的实际特征数据可能是8像素，表示题干距离页面边框8像素。

每一显示对象存在若干配置项。针对每一显示对象，服务端可以从页面图像中提取与显示对象的各配置项对应的实际特征数据。

步骤330：针对页面图像中的任一显示对象，判断显示对象中的任一配置项所对应的实际特征数据与配置项对应的指定特征数据是否一致。

需要说明的是，每一次截图即可得到一个页面图像，每一个页面图像中可包括至少一个显示图像，例如可包括10道试题，每一个显示图像(如一道试题)可包括至少一个配置项，例如可包括6个配置项，如字间距、字体大小、字体颜色、背景颜色、行间距、支持横/竖屏显示等，对此不做赘述。

步骤340：若不一致，则确定显示页面排版存在错误。

其中，与配置项对应的指定特征数据是在基准分辨率下，如果显示对象排版正确，配置项对应的正确的特征数据。示例性的，显示对象为试题，配置项为题干与页面边框的距离，对应的指定特征数据为10像素，表示在基准分辨率下，若试题排版正确，则题干与页面边框的距离应该是10像素。配置项为题干能否换行，对应的指定特征数据为“是”，表示在基准分辨率下，若试题排版正确，则题干会换行。

针对页面图像内的每一显示对象，服务端判断该显示对象的每一配置项对应的实际特征数据与指定特征数据是否一致。一方面，如果该显示对象的所有配置项对应的实际特征数据与指定特征数据均相同，可以确定该显示对象排版正确。当然，在一些可能的实施方式中，还可将高于特定比例(可根据实际情况灵活设定)的配置项对应的实际特征数据和指定特征数据一致的情形认为成显示对象排版正确，对此不做赘述。

另一方面，如果该显示对象的任一配置项对应的实际特征数据与指定特征数据不同，可以确定该显示对象存在排版错误。当然，在一些可能的实施方式中，当且仅当该显示对象的某一(或者某几个)配置项对应的实际特征数据与指定特征数据不同时，才认定该显示对象存在排版错误，例如只有当不能换行时、或者字间距不处于设定范围时、或者行间距不处于设定范围时，认为该显示对象存在排版错误。而对于字体大小的变化、字体形状的变化等，可以认为不存在排版错误，对此不做赘述。

通过上述步骤310至步骤340的过程，可以实现对显示页面的排版自动查错，替代了人工检查，从而极大地扩大了检查范围，避免遗漏排版错误。

在一些可能的实施方式中，可以为各配置项预设定实际特征数据与指定特征数据之间的阈值，该阈值可以是经验值，用于表示认定实际特征数据与指定特征数据一致时可以接受的误差。

服务端在判断显示对象的每一配置项对应的实际特征数据与指定特征数据是否一致时，可以判断实际特征数据与指定特征数据之间的误差是否大于设定阈值。一方面，如果否，可以确定实际特征数据与指定特征数据之间的误差处于合理范围，因而可认为实际特征数据和指定特征数据一致。另一方面，如果是，可以确定实际特征数据与指定特征数据之间的误差超出了合理范围，因而可以认为实际特征数据和指定特征数据不一致。

在一些可能的实施方式中，服务端在执行上述步骤310的过程中，可以从多种候选基准分辨率中选择至少一种基准分辨率，并通过截图工具对显示页面在被选中的基准分辨率下进行截图，获得至少一个页面图像。

其中，候选基准分辨率预先配置的对应于不同终端设备的基准分辨率。服务端在执行排版查错方法时，选择每一候选基准分辨率，对显示页面进行截图，可以实现对不同终端设备的排版查错。

当然，为了提高效率和节省时间，也可针对某一种或者多种基准分辨率进行优先查错，而对于比较小众的分辨率或者比较特殊的少数分辨率，在产品上线之后再进行查错也是可行的。例如，假设某一系列的试题主要投放的设备为手持终端设备，而不是个人电脑，则可优先进行针对几种常见尺寸的手持终端设备的而排版查错，而对于大屏幕的个人电脑，可以最后执行。

在一些可能的实施方式中，截图工具可以是谷歌出品的工具puppeteer，或者，nightmare。当然，还可以为其他任意能够实现截图功能的工具，对此不做赘述。

在这种实施例中，不同基准分辨率对应的配置项和指定特征数据可能不同。因此，存在对应于不同基准分辨率的配置项，以及对应于每一配置项的指定特征数据。服务端在执行步骤320时，可以针对页面图像中每一显示对象，根据被选中的基准分辨率对应的每一配置项，从页面图像中提取对应于配置项的实际特征数据。

在一些可能的实施方式中，服务端可以预先存储配置文件，基准分辨率、配置项和指定特征数据之间的对应关系可以存储在配置文件中。服务端可以从配置文件中确定基准分辨率、对应于基准分辨率的配置项、以及对应于配置项的指定特征数据。

在一些可能的实施方式中，服务端在执行上述排版查错方法之前，可以验证该方法的可行性。参见图4，为本申请一实施例提供的验证排版查错方法的流程示意图，如图4所示，包括步骤410-步骤430。

步骤410：对判断结果添加正误标记；其中，所述正误标记表示所述判断结果正确或错误。

服务端可以从显示页面中随机选择的用于验证本申请中排版查错方法的显示页面。在一些可能的实施方式中，显示页面为网页，执行本申请排版查错方法的服务端可以从预配置的显示页面的网页地址中随机选择一些网页地址，从而访问显示测试页面，并对显示测试页面进行截图。

针对选中的显示页面，服务端可以执行上述步骤310-步骤340的排版查错方法，从而获得对应每一显示对象的判断结果，该判断结果指示显示对象排版是否错误。

服务端在对显示测试页面中每一显示对象进行判断后，可以获取针对每一判断结果的正误标记。该正误标记可以是人工检查判断结果后，通过与服务端对接的用户终端(比如：计算机、手机等)发送至服务端的。示例性的，正误标记可以包括“f”和“t”，“f”表示判断结果错误，“t”表示判断结果正确。

步骤420：依据所有判断结果的正误标记，确定误差率，并判断所述误差率是否超过预设误差率阈值。

误差率阈值用于表示排版查错方法可行的临界点，可以是经验值。

步骤430：如果是，发送查错功能异常的提示消息。

服务端在获得所有判断结果的正误标记后，计算出误差率，并判断该误差率是否超过误差率阈值。一方面，如果未超过误差率阈值，可以认为排版查错方法可行，后续可以直接已预配置的配置文件执行排版查错方法。另一方面，如果超过误差率阈值，可以认为排版查错方法暂不可信，可以基于预设第一通讯方式发送查错功能异常的提示消息。其中，第一通讯方式可以包括邮件、短信、语音电话等任意一种。该提示消息可以提示运营人员对排版查错方法进行调整(比如，修改配置文件)，以便于后续应用。

在一些可能的实施方式中，配置文件中包括与多种显示对象类型对应的配置项。换而言之，对于不同类型的显示对象，验证排版是否有问题的配置项可能是不同的，或者，即便配置项相同，配置项对应的指定特征数据可能不同。在这种情况下，配置文件中预先写入了与多种显示对象类型对应的配置项，相应的，写入了各配置项对应的指定特征数据。

在该实施例中，服务端在执行步骤320时，可以针对每一显示对象，判断该显示对象的显示对象类型。

示例性的，服务端上可以配置显示对象类型表，该显示对象类型表中包括显示对象序号和显示对象类型的映射关系，服务端在对任一显示对象进行排版检查时，可以根据该显示对象的显示对象序号查找显示对象类型表，从而确定该显示对象的显示对象类型。

示例性的，服务端可以在访问显示页面时，基于显示页面中的说明信息确定当前显示页面中各个显示对象的显示对象类型，并记录显示对象类型。在执行步骤320时，可以确定待检查显示对象的显示对象类型。在一些可能的实施方式中，显示对象为试题，显示页面中的说明信息可以是试题前的小标题“选择题”、“应用题”、“填空题”等，服务端可以据此确定试题类型。

在确定显示对象类型后，服务端可以在配置文件中查找与显示对象类型对应的若干配置项，并从页面图像中提取与每一配置项对应的实际特征数据。

通过该实施例的措施，针对不同类型的显示对象，服务端可以根据更有针对性的配置项，判断是否存在排版错误，从而提升了检查排版错误的准确性。

在一些可能的实施方式中，在确定任一显示对象存在排版错误后，服务端可以基于预设的第二通讯方式，发送排版错误的提示消息。其中，第二通讯方式可以包括邮件、短信、语音电话等任意一种。该提示消息可以提示运营人员对排版错误的显示对象进行重新排版。

图5是本发明一实施例提供的一种排版查错装置的框图，如图5所示，该装置可以包括：截图模块510、提取模块520、判断模块530、确定模块540。

截图模块510，用于在预设的基准分辨率下，对显示页面进行截图，获得页面图像；

提取模块520，用于提取所述页面图像中每一显示对象的各配置项所对应的实际特征数据；

判断模块530，用于针对所述页面图像中的任一显示对象，判断所述显示对象中的任一配置项所对应的实际特征数据与所述配置项对应的指定特征数据是否一致；

确定模块540，用于若不一致，则确定所述显示页面排版存在错误。

在一些可能的实施方式中，所述截图模块510，还用于：

从多种候选基准分辨率中选择至少一种基准分辨率；

通过截图工具对所述显示页面在所述至少一种基准分辨率下进行截图，获得至少一个页面图像。

在一些可能的实施方式中，所述截图工具包括puppeteer、nightmare。

在一些可能的实施方式中，所述判断模块530，还用于：

判断所述显示对象中的任一配置项所对应的实际特征数据与所述配置项对应的指定特征数据之间的误差是否大于设定阈值。

在一些可能的实施方式中，所述装置还包括：

获取模块550，用于对判断结果添加正误标记；其中，所述正误标记表示所述判断结果正确或错误；

所述判断模块530，还用于依据所有判断结果的正误标记，确定误差率，并判断所述误差率是否超过预设误差率阈值；

报警模块560，用于如果是，发送查错功能异常的提示消息。

在一些可能的实施方式中，基准分辨率、配置项以及指定特征数据之间的对应关系均存储在配置文件中。

在一些可能的实施方式中，所述装置还包括：

报警模块560，用于发送排版错误的提示消息。

上述装置中各个模块的功能和作用的实现过程具体详见上述排版查错方法中对应步骤的实现过程，在此不再赘述。

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

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

功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。