CN110968822B - 页面检测方法、装置、电子设备和存储介质 - Google Patents

Abstract

本申请实施例提供了一种页面检测方法、装置、电子设备和存储介质，以准确的检测页面。所述的方法包括：加载第一页面，其中，所述第一页面对应监测代码；依据所述监测代码确定所述第一页面的标记位，对所述标记位对应元素进行提示；依据所述监测代码和提示的元素进行检测。通过提示提高页面检测的效率和准确性，减少页面修改的成本，且减少上线期间的数据损失。

Description

页面检测方法、装置、电子设备和存储介质

技术领域

本申请涉及计算机技术领域，特别是涉及一种页面检测方法和装置、一种电子设备和一种存储介质。

背景技术

开发平台可提供接口给第三方服务商，从而第三方服务商可基于接口使用开发平台的资源，提供相应的服务。

对于第三方服务商的页面，平台可提供页面的检测规范，从而第三方服务商开发页面时，可依据检测规范进行设置页面，然后将开发完成的页面在平台上发布该页面。发布后才能基于收集的数据检查页面的设置是否符合平台的检测规范，若不符合平台的检测规范，需要对已发布的页面进行修改，修改成本较高，同时也会造成上线期间数据的损失。

发明内容

本申请实施例提供了一种页面检测方法，以准确的检测页面。

相应的，本申请实施例还提供了一种页面检测装置、一种电子设备和一种存储介质，用以保证上述系统的实现及应用。

为了解决上述问题，本申请实施例公开了一种页面检测方法，所述的方法包括：加载第一页面，其中，所述第一页面对应监测代码；依据所述监测代码确定所述第一页面的标记位，对所述标记位对应元素进行提示；依据所述监测代码和提示的元素进行检测。

可选的，所述依据所述监测代码确定所述第一页面的标记位，对所述标记位对应元素进行提示，包括：依据所述监测代码识别所述第一页面中的标记位，确定所述标记位对应的元素；在所述第一页面中按照设定方式显示所述元素。

可选的，所述在所述第一页面中按照设定方式显示所述元素，包括以下至少一种步骤：在所述第一页面中对所述元素进行高亮显示；在所述第一页面中显示所述元素对应的标签数据。

可选的，依据所述监测代码和提示的元素进行检测，包括：所述监测代码捕获所述第一页面中提示的元素对应的操作；确定所述操作对应的行为并收集数据。

可选的，所述确定所述操作对应的行为，包括：依据策略信息确定所述操作对应的第二页面，从所述第一页面跳转到所述第二页面。

可选的，所述策略信息依据状态机实现，所述状态机将页面抽象为状态，则所述第一页面对应第一状态，所述第二页面对应第二状态；则所述依据策略信息确定所述操作对应的第二页面，从所述第一页面跳转到所述第二页面，包括：依据状态机确定所述操作对应的第二状态，从第一状态跳转为第二状态。

可选的，所述策略信息依据业务场景确定，所述的方法还包括：确定页面跳转结果，依据所述页面跳转结果确定所述业务场景的执行结果。

可选的，所述标记位的标记包括：事件属性标记、行为属性标记和数据属性标记。

可选的，所述标记位包括点位，所述点位通过埋点方式确定。

本申请实施例还提供了一种页面检测装置，所述的装置包括：加载模块，用于加载第一页面，其中，所述第一页面对应监测代码；提示模块，用于依据所述监测代码确定所述第一页面的标记位，对所述标记位对应元素进行提示；检测模块，用于依据所述监测代码和提示的元素进行检测。

可选的，所述提示模块，包括：识别子模块，用于依据所述监测代码识别所述第一页面中的标记位，确定所述标记位对应的元素；显示子模块，用于在所述第一页面中按照设定方式显示所述元素。

可选的，所述识别子模块，用于在所述第一页面中对所述元素进行高亮显示；和/或，在所述第一页面中显示所述元素对应的标签数据。

可选的，所述检测模块，包括：操作捕获子模块，用于所述监测代码捕获所述第一页面中提示的元素对应的操作；检测处理子模块，用于确定所述操作对应的行为并收集数据。

可选的，所述检测处理子模块，用于依据策略信息确定所述操作对应的第二页面，从所述第一页面跳转到所述第二页面。

可选的，所述策略信息依据状态机实现，所述状态机将页面抽象为状态，则所述第一页面对应第一状态，所述第二页面对应第二状态；所述检测处理子模块，用于依据状态机确定所述操作对应的第二状态，从第一状态跳转为第二状态。

可选的，所述策略信息依据业务场景确定；所述检测模块，还用于确定页面跳转结果，依据所述页面跳转结果确定所述业务场景的执行结果。

可选的，所述标记位的标记包括：事件属性标记、行为属性标记和数据属性标记。

可选的，所述标记位包括点位，所述点位通过埋点方式确定。

本申请实施例还提供了一种电子设备，包括：处理器；和存储器，其上存储有可执行代码，当所述可执行代码被执行时，使得所述处理器执行如本申请实施例中一个或多个所述的页面检测方法。

本申请实施例还提供了一个或多个机器可读介质，其上存储有可执行代码，当所述可执行代码被执行时，使得处理器执行如本申请实施例中一个或多个所述的页面检测方法。

与现有技术相比，本申请实施例包括以下优点：

在本申请实施例中，可加载第一页面，其中，所述第一页面对应监测代码，然后依据所述监测代码确定所述第一页面中的标记位，对所述标记位对应元素进行提示，如可视化提示等，便于对标记位进行检查，还可依据所述监测代码和提示的元素进行检测，检测页面的处理逻辑，实现在上线前等时间段对页面标记位设置的检测，通过提示提高页面检测的效率和准确性，减少页面修改的成本，且减少上线期间的数据损失。

附图说明

图1是本申请的一种页面检测方法实施例的步骤流程图；

图2是本申请实施例中一种监测代码的功能模块示意图；

图3是本申请实施例中一种业务场景下页面跳转示例的示意图；

图4是本申请的另一种页面检测方法实施例的步骤流程图；

图5是本申请的再一种页面检测方法实施例的步骤流程图；

图6是本申请的一种基于埋点的页面检测方法实施例的步骤流程图；

图7是本申请实施例中一种页面示例的示意图；

图8是本申请的一种页面检测装置实施例的结构框图；

图9是本申请的另一种页面检测装置实施例的结构框图；

图10是本申请一实施例提供的装置的结构示意图。

具体实施方式

为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本申请作进一步详细的说明。

本申请实施例可应用于对页面检测的技术领域，对于各种页面进行测试。其中，可在页面上线前等时间段进行页面的标记位检测，从而能够在上线前调整页面中的标记位，以便后续页面上线后获取所需的数据，减少数据损失，便于管理页面的相关信息。

参照图1，示出了本申请的一种页面检测方法实施例的步骤流程图。

步骤102，加载第一页面，其中，所述第一页面对应监测代码。

在页面上线前可加载需要上线的页面进行审核，该审核过程可对页面中标记位的设置进行审核。其中，页面可设置有标记位，监测代码可设置在页面中，也可设置在加载页面的框架中，或者在页面中注入一段代码，依据该代码可调用检测代码，本申请实施例对此不作限制。监测代码用于依据标记位进行监测，如监测代码可对标记位进行监测，从而确定标记位对应的行为等信息。将当前需要审核的页面作为第一页面，加载该第一页面，从而能够依据第一页面中注入的监测代码对第一页面进行监测，并据此审核页面的标记位是否符合相应的规范等。

其中，标记位指的是页面中进行标记的位置，如可针对页面的按钮、图片等元素设置标记位，标记位可通过多种方式实现，如通过埋点的方式设置点位为标记位。监测代码指的是对页面进行检测的代码，该监测代码可基于标记位进行行为判断、数据收集等监测行为，具体监测行为可依据需求编写。其中，埋点方式可在页面中增加代码，以记录的用户某个操作，如可页面中嵌入脚本，从而在访问该页面使可触发该脚本执行相应的行为并收集相应的数据，如嵌入JS(JavaScript)脚本。标记位还可通过其他方式实现如设置标签、监控点等，从而使得监测代码能够识别到标记位并执行收集收据等监测行为，本申请实施例对此不作限制。

例如在上线前的审核过程中加载页面，则运营人员可基于独立软件开发商(Independent Software Vendors，ISV)所开发页面的URL(Uniform Resource Locator，统一资源定位符)，如应用中页面的URL，然后在iframe中加载URL对应页面，同时向该页面发送postMessage信息，加载页面的监测代码。其中，iframe规定一个内联框架，可在当前的HTML文档中嵌入另一个文档，从而基于iframe可实现网页的加载。

步骤104，依据所述监测代码确定所述第一页面的标记位，对所述标记位对应元素进行提示。

在加载完第一页面中，监测代码可识别第一页面中的标记位，对于具有标记位的元素，可在页面中对该标记位对应元素进行提示，如可视化提示，又如通过播放音频等方式提示等，从而能够在页面中提示出具有标记位的元素。

所述依据所述监测代码确定所述第一页面的标记位，对所述标记位对应元素进行提示，包括：依据所述监测代码识别所述第一页面中的标记位，确定所述标记位对应的元素；在所述第一页面中按照设定方式显示所述元素。监测代码可识别页面中的标记位，并确定该标记位对应元素的类型，从而能够按照类型在页面中对元素进行提示，如对按钮等可操作元素进行提示。因此可采用监测代码识别第一页面的标记位，再确定需要提示的标记位对应元素，在第一页面中按照设定方式来显示该元素，从而在页面中提示具有标记位的元素。其中，元素可为页面中显示的提供交互的元素，如按钮、选择框等，设定方式可依据需求设定。

一个可选实施例中，所述在所述第一页面中按照设定方式显示所述元素，包括以下至少一种步骤：在所述第一页面中对所述元素进行高亮显示；在所述第一页面中显示所述元素对应的标签数据。在第一页面中，可对具有标记位的元素进行高亮显示，如整个元素均高亮显示，又如将元素的边框高亮显示等；也可设置具有标记位的元素的标签数据，如提示点击、选择等操作的文字和图形的标签数据，将该标签数据显示在第一页面中所述元素的位置附近，如附近指的是接近元素位置的区域，如上、下、左、右等。在另外一些实施例中，设定显示方式也可为将元素扩大，或者将元素呈现缩放的效果等其他能够提示元素的方式，未一一列举，不应理解为是对本申请实施例的限制。

在一个可选实施例中，检测代码依据功能可划分为标记位跟踪模块、数据上报模块和标记位检测模块。该标记位跟踪模块用于识别页面中的标记位，并在该标记位对应元素被触发时，调用回调函数通知数据上报模块和标记位检测模块；数据上报模块可进行数据的收集和上报；标记位检测模块，用于对识别的标记位对应元素进行提示，以及在标记位对应元素被触发后，进行相应操作的处理。其中，在页面上线前的审核过程中，监测代码可处于“标记位检测模式”，从而标记位检测模块可对识别的标记位对应元素进行提示，以及在标记位对应元素被触发后，进行相应操作的处理。监测代码可处于在页面上线运行时，监测代码可处于“数据上报模式”；数据上报模块可在标记位对应元素被触发后，进行数据的收集和上报。

步骤106，依据所述监测代码和提示的元素进行检测。

在第一页面中，可依据监测代码和元素进行页面的审核等检测操作，如对于提示的元素进行操作以触发该元素，然后可基于检测代码进行相应的检测处理，如收集数据上报，又如确定该页面对应业务的流程是否能够正常执行等。

一个可选实施例中，所述依据所述监测代码和提示的元素进行检测，包括：所述监测代码捕获在所述第一页面中提示的元素对应的操作；确定所述操作对应的行为并收集数据。监测代码可捕获在第一页面中对所述提示的元素的操作，确定该操作对应的行为并执行该行为，同时可收集该操作以及操作对应行为的数据并上报。

一个示例中，监测代码的标记位跟踪模块捕获对所述元素的操作，然后可通过回调函数通知数据上报模块和标记位检测模块，数据上报模块可收集该操作以及操作对应行为的数据并上报，标记位检测模块可确定该操作对应的行为并执行该行为，如需要跳转到其他页面则可执行跳转操作，又如选中页面中的元素，则可反馈相应的选中结果到页面中，等等。

本申请实施例可对在页面上线前进行审核的过程中检查页面中的标记位，从而确定标记位是否符合规范。其中，在服务提供方所提供的服务通常是按照业务或场景进行划分的，一个场景可对应多个页面，如购物场景中在购物页面中选择商品进行够买后，可跳转到订单页面，在订单页面中确定该订单后可跳转到支付页面，在支付页面支付成功后可跳转到支付结果页，从而在多个页面中跳转。因此针对一个场景对应的多个页面，可将当前加载的页面称为第一页面，基于对元素操作所确定需要跳转的页面称为第二页面，从而一个场景可基于页面间的跳转检测场景的流程，页面检测包括确定场景流程执行是否准确等检测项。

其中，所述确定所述操作对应的行为，包括：依据策略信息确定所述操作对应的第二页面，从所述第一页面跳转到所述第二页面。其中，策略信息为场景执行流程对应的策略，如页面中需要选择的元素等项目，又如页面间的执行顺序等，从而可确定出页面的跳转顺序等。针对每个场景可确定该场景的策略信息，然后对于第一页面中元素的操作，可基于策略信息判断该操作对应的动作，如动作为选中页面中的元素，则可执行选中操作并收集数据，如果动作为跳转到第二页面，则可确定出该第二页面，然后从第一页面跳转到第二页面。

其中，策略信息可通过多种方式实现，如通过监测代码调用策略信息进行监测，又如基于策略信息实现相应的代码放入到监测代码中，又如对于页面跳转的策略信息可编写状态机，通过监测代码中的状态机实现该策略信息。其中，状态机也称为有限状态机(Finite-state machine，FSM)，是表示有限个状态以及在这些状态之间的转移和动作等行为的数学模型。基于该数学模型将页面跳转的策略实现在监测代码中，则可将页面抽象为“状态”，则所述第一页面对应第一状态，所述第二页面对应第二状态，将触发页面跳转的操作称为“动作”，如点击按钮等元素的操作为动作，又如触发页面跳转的手势操作的也可称为动作。

如图2所示为一种监测代码的功能模块示意图。的标记位跟踪模块，可在识别到标记位后可通过回调函数通知数据上报模块和标记位检测模块，标记位检测模块可包括多个场景的策略信息，如场景1的策略、场景2的策略等，从而基于状态机实现相应场景的策略。

则所述操作对应的第二页面，从所述第一页面跳转到所述第二页面，包括：依据状态机确定所述操作对应的第二状态，从第一状态跳转为第二状态。监测代码的标记位跟踪模块捕获对所述元素的操作，可通过回调函数通知标记位检测模块，然后标记位检测模块可基于状态机判断该操作是否为触发跳转的动作，若为触发跳转的动作，可确定跳转到的第二状态，从而第一状态跳转为第二状态，若不为触发跳转的动作，可忽略该动作。

如图3所示的示例中，派样机场景对应流程的页面包括：广告页，商品列表页，商品详情页和支付结果页，相应抽象成广告页状态、商品列表页状态，商品详情页状态和支付结果页状态等，元素包括：广告页的购买按钮，选中商品的按钮，支付按钮及领取优惠券按钮，触发上述按钮可触发状态的跳转。

则可首先加载第一页面广告页，在该广告页中识别到购买按钮具有标记位，可将广告页内的购买按钮进行边框高亮，以提醒该购买按钮具有标记位，然后可点击该购买按钮，标记位跟踪模块捕获到点击操作后，可通过回调函数通知标记位检测模块，然后标记位检测模块可基于状态机判断派样机场景对应流程，确定在广告页状态下购买按钮的点击动作，可跳转到商品列表页状态，相应可从广告页跳转到商品列表页。在加载商品列表页后标记位跟踪模块可识别到商品列表对应的元素，点击选中商品后标记位跟踪模块捕获该点击操作，然后通过回调函数通知标记位检测模块，然后标记位检测模块可基于状态机判断下一个流程，跳转到商品详情页状态，相应可跳转到商品详情页。依此类推可在商品详情页上提示支付按钮，在捕获支付按钮上的点击操作后，可基于状态机判断下一个流程为跳转到支付结果页状态，从而可跳转到支付结果页，然后提示页面指出成功的元素，以及提示领取优惠券的按钮。上述过程中还可收集相应的数据。

依据业务场景可确定出相应的策略信息，从而可通过状态机、编写代码等各种方式实现该策略信息，然后在页面加载后监测过程中，可基于该略信息确定相应的动作，如跳转到下一页面等，若任一页面跳转未成功，相应可确定业务场景执行异常，若直到最后一个页面均跳转成功，可确定业务场景执行正常。因此还可基于对页面的检测过程，确定页面跳转结果，依据该页面跳转结果确定业务场景的执行结果，如业务场景执行异常、业务场景执行正常等。

本申请实施例中标记位可具有多个标记，从而便于进行标记位的识别以及数据的收集等处理。所述标记位的标记包括：事件属性标记、行为属性标记和数据属性标记。其中，事件属性标记(data-rop-event)可定义需要跟踪的事件类型；行为属性标记(data-rop-action)可定义触发的业务行为；数据属性标记(data-rop-extra)可定义需要回流的业务数据。从而基于上述标记了监测代码从页面中识别出标记位，并进行标记位的触发跟踪、行为执行以及数据收集上报等、

本申请一个可选实施例中，埋点方式的点位等标记位，可基于页面的文档对象模型(Document Object Model，DOM)树中的事件触发。如上述事件属性标记可定义需要跟踪的DOM事件类型，从而进行标记位的识别与跟踪，监测页面对应场景的执行流程。

本申请实施例在上线前审核页面标记位时，可基于对页面中元素的提示，生成审核结果。若页面中的按钮等元素均以高亮显示、标签等方式进行提示，可确定审核通过；又如在业务场景的执行结果为执行正常且元素均被提示后，可确定审核通过；若业务场景的执行结果未执行异常，或，在业务场景执行结束后仍然有元素未进行提示，可确定审核未通过。从而可基于检测代码对应的业务场景执行结果，以及页面元素的提示状态等确定页面的审核结果，后续对未按照规范埋点的页面重新埋点到符合规范后允许上线。

可在在上线前加载第一页面，其中，所述第一页面对应监测代码，所述监测代码依据页面中的标记位进行监测，然后依据所述监测代码，在所述第一页面中对所述标记位对应元素进行提示，从而将具有标记位的元素进行可视化提示，便于对标记位进行检测，还可在所述第一页面中依据所述监测代码和元素进行检测，检测页面的处理逻辑，实现在上线前检测页面，通过提示提高页面检测的效率和准确性，，减少页面修改的成本，且减少上线期间的数据损失。

在上述实施例的基础上，本实施例还提供一种页面检测方法，能够对具有标记位的元素进行可视化处理，以及进行标记位的检测。

参照图4，示出了本申请的另一种页面检测方法实施例的步骤流程图。

步骤402，在上线前加载第一页面，其中，所述第一页面对应监测代码。

步骤404，依据所述监测代码识别所述第一页面中的标记位，确定所述标记位对应的元素；在所述第一页面中按照设定方式显示所述元素。其中，所述在所述第一页面中按照设定方式显示所述元素，包括以下至少一种步骤：在所述第一页面中对所述元素进行高亮显示；在所述第一页面中显示所述元素对应的标签数据。

步骤406，所述监测代码捕获所述第一页面中提示的元素对应的操作；确定所述操作对应的行为并收集数据。

步骤408，确定页面审核结果，包括审核通过或审核不通过。其中，可依据提示的具有标记位的元素、操作对应页面的流程执行是否正常等情况确定。若有些元素未按照设定方式显示，则可确认该元素未设置标记位，则标记位设置不符合规范，又如页面操作的流程未正常执行，如页面未跳转成功，页面中的元素不能点击、点击后没有响应等，也可确认页面存在问题，不通过审核。

在上述实施例的基础上，本实施例还提供一种页面检测方法，能够对具有标记位的元素进行可视化处理，以及结合业务场景定制检测规则进行标记位的检测。

参照图5，示出了本申请的再一种页面检测方法实施例的步骤流程图。

步骤502，在上线前加载第一页面，其中，所述第一页面对应监测代码。

步骤504，依据所述监测代码识别所述第一页面中的标记位，确定所述标记位对应的元素；在所述第一页面中按照设定方式显示所述元素。其中，所述在所述第一页面中按照设定方式显示所述元素，包括以下至少一种步骤：在所述第一页面中对所述元素进行高亮显示；在所述第一页面中显示所述元素对应的标签数据。

步骤506，所述监测代码捕获所述第一页面中提示的元素对应的操作。

步骤508，依据策略信息确定所述操作对应的第二页面，从所述第一页面跳转到所述第二页面。

所述策略信息依据状态机实现，所述状态机将页面抽象为状态，则所述第一页面对应第一状态，所述第二页面对应第二状态；则所述依据策略信息确定所述操作对应的第二页面，从所述第一页面跳转到所述第二页面，包括：依据状态机确定所述操作对应的第二状态，从第一状态跳转为第二状态。

步骤510，确定页面跳转结果，依据所述页面跳转结果确定所述业务场景的执行结果。

步骤512，确定页面审核结果，包括审核通过或审核不通过。其中，可依据提示的具有标记位的元素、页面对应业务场景的流程执行是否正常等情况确定。若有些元素未按照设定方式显示，则可确认该元素未设置标记位，则标记位设置不符合规范，又如页面对应业务场景的流程未正常执行，如页面未跳转成功等也可确认页面存在问题，不通过审核。

在上述实施例的基础上，以埋点方式的点位作为标记位为例，提供点位可视化，结合业务场景定制策略信息，从而数据埋点可检查，可验证的示例。

参照图6，示出了本申请的一种基于埋点的页面检测方法实施例的步骤流程图。

步骤602，在上线前加载第一页面，其中，所述第一页面对应监测代码，所述点位通过埋点方式实现，所述监测代码包括：标记位跟踪模块、数据上报模块和标记位检测模块。

步骤604，所述监测代码的标记位跟踪模块识别页面中的点位，确定所述点位对应的元素，通过回调函数通知标记位检测模块。

步骤606，标记位检测模块在所述第一页面中对所述点位对应的元素进行高亮。也可在所述第一页面中显示所述点位对应元素的标签数据等进行提示。

步骤608，所述监测代码的标记位跟踪模块捕获所述第一页面中提示的元素对应的操作，调用回调函数通知数据上报模块和标记位检测模块。

步骤610，数据上报模块可进行数据的收集和上报。

步骤612，标记位检测模块调用状态机，依据第一页面对应第一状态和所述操作确定对应第二状态，从第一状态跳转为第二状态，加载所述第二状态对应的第二页面。

其中，所述策略信息依据状态机实现，所述状态机将页面抽象为状态，则所述第一页面对应第一状态，所述第二页面对应第二状态。

步骤614，确定页面跳转结果，依据所述页面跳转结果确定所述业务场景的执行结果。

步骤616，确定页面审核结果，包括审核通过或审核不通过。其中，可依据提示的具有标记位的元素、页面对应业务场景的流程执行是否正常等情况确定。若有些元素未按照设定方式显示，则可确认该元素未设置标记位，则标记位设置不符合规范，又如页面对应业务场景的流程未正常执行，如页面未跳转成功等也可确认页面存在问题，不通过审核。

如图7所示的一种页面示意图，在该页面中高亮显示的按钮包括：加入会员按钮、抽津贴按钮和优惠券的领取按钮。其中，2000元门店优惠券已被抢光，无法领取，则该项领取按钮失效，可不高亮显示。

其中，流程正常执行时可获取如表1所示的埋点列表。

动作	名称
		BUY_CLICK_START	领取优惠券
ITEM_CLICK	抽津贴
		BUY_CLICK	扫码支付

表1

其中，在页面中触发优惠券的领取按钮，标记位跟踪模块捕获该点击事件后可通知数据上报模块和标记位检测模块，数据上报模块进行数据的收集和上报，然后标记位检测模块调用状态机进行策略处理，确定无需状态转移，可忽略该操作，相应在页面中显示1500元门店优惠券已被领取。然后可通过页面上的“on”提示该页面中的按钮可触发抽津贴按钮，若未检测到抽津贴按钮被触发，则可生成检测结果为未通过，原因是未检测到ITEM_CLICK被触发等。若基于提示点击抽津贴按钮，标记位跟踪模块捕获对抽津贴按钮的点击操作，可通知数据上报模块和标记位检测模块，数据上报模块进行数据的收集和上报，然后标记位检测模块调用状态机进行策略处理，然后确定可跳转到响应的第二状态对应的商品详情页，然后在该页面中可高亮显示扫码支付的按钮，点击该扫码支付按钮，标记位跟踪模块捕获对抽津贴按钮的点击操作，可通知数据上报模块和标记位检测模块，数据上报模块进行数据的收集和上报，然后标记位检测模块调用状态机进行策略处理，可跳转到支付码的支付页面，直到该场景的流程执行完毕，得到通过审核或未通过审核的结果。

从而在审核流程中，标记位检测模块自动将页面中已埋点按钮进行边框高亮提醒，运营检查页面中高亮元素，如果在流程结束时仍没有元素被高亮显示，则认为ISV未进行埋点操作，则拒绝，否则通过。

从而本申请实施例通过标记位可视化，使得运营等页面检测用户能够获知当前页面已标记的标记位，还可通过状态机执行场景策略，验证页面的跳转逻辑，从而能够在上线前即发现页面的标记位问题，保证页面埋点的质量

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请实施例并不受所描述的动作顺序的限制，因为依据本申请实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本申请实施例所必须的。

在上述实施例的基础上，本实施例还提供了一种页面检测装置，应用于服务器(集群)中。

参照图8，示出了本申请的一种页面检测装置实施例的结构框图，具体可以包括如下模块：

加载模块802，用于加载第一页面，其中，所述第一页面对应监测代码。

提示模块804，用于依据所述监测代码确定所述第一页面的标记位，对所述标记位对应元素进行提示。

检测模块806，用于依据所述监测代码和提示的元素进行检测。

综上，可加载第一页面，其中，所述第一页面对应监测代码，然后依据所述监测代码确定所述第一页面中的标记位，对所述标记位对应元素进行提示，如可视化提示等，便于对标记位进行检查，还可依据所述监测代码和提示的元素进行检测，检测页面的处理逻辑，实现在上线前等时间段对页面标记位设置的检测，减少页面修改的成本，且减少上线期间的数据损失。

参照图9，示出了本申请的另一种页面检测装置实施例的结构框图，具体可以包括如下模块：

加载模块802，用于在上线前加载第一页面，其中，所述第一页面对应监测代码。

提示模块804，用于依据所述监测代码确定所述第一页面的标记位，对所述标记位对应元素进行提示。

检测模块806，用于依据所述监测代码和提示的元素进行检测。

其中，所述提示模块804，包括：识别子模块8042和显示子模块8044：

所述识别子模块8042，用于依据所述监测代码识别所述第一页面中的标记位，确定所述标记位对应的元素。

所述显示子模块8044，用于在所述第一页面中按照设定方式显示所述元素。

所述识别子模块8042，用于在所述第一页面中对所述元素进行高亮显示；和/或，在所述第一页面中显示所述元素对应的标签数据。

所述检测模块806，包括：操作捕获子模块8062和检测处理子模块8064，其中：

所述操作捕获子模块8062，用于所述监测代码捕获所述第一页面中提示的元素对应的操作；

所述检测处理子模块8064，用于确定所述操作对应的行为并收集数据。

所述检测处理子模块8064，用于依据策略信息确定所述操作对应的第二页面，从所述第一页面跳转到所述第二页面。

所述策略信息依据状态机实现，所述状态机将页面抽象为状态，则所述第一页面对应第一状态，所述第二页面对应第二状态；所述检测处理子模块8064，用于依据状态机确定所述操作对应的第二状态，从第一状态跳转为第二状态。

所述策略信息依据业务场景确定；所述检测模块806，还用于确定页面跳转结果，依据所述页面跳转结果确定所述业务场景的执行结果。

所述标记位的标记包括：事件属性标记、行为属性标记和数据属性标记。所述标记位包括点位，所述点位通过埋点方式确定。以埋点方式的点位作为标记位为例，提供点位可视化，结合业务场景定制策略信息，从而数据埋点可检查，可验证的示例。

本申请实施例在上线前审核页面标记位时，可基于对页面中元素的提示，生成审核结果。若页面中的按钮等元素均以高亮显示、标签等方式进行提示，可确定审核通过；又如在业务场景的执行结果为执行正常且元素均被提示后，可确定审核通过；若业务场景的执行结果未执行异常，或，在业务场景执行结束后仍然有元素未进行提示，可确定审核未通过。从而可基于检测代码对应的业务场景执行结果，以及页面元素的提示状态等确定页面的审核结果，后续对未按照规范埋点的页面重新埋点到符合规范后允许上线。

本申请实施例还提供了一种非易失性可读存储介质，该存储介质中存储有一个或多个模块(programs)，该一个或多个模块被应用在设备时，可以使得该设备执行本申请实施例中各方法步骤的指令(instructions)。

本申请实施例提供了一个或多个机器可读介质，其上存储有指令，当由一个或多个处理器执行时，使得电子设备执行如上述实施例中一个或多个所述的方法。本申请实施例中，所述电子设备包括服务器(集群)、移动设备、终端设备等。

本公开的实施例可被实现为使用任意适当的硬件，固件，软件，或及其任意组合进行想要的配置的装置，该装置可包括服务器(集群)、移动设备、终端设备等电子设备。图10示意性地示出了可被用于实现本申请中所述的各个实施例的示例性装置1000。

对于一个实施例，图10示出了示例性装置1000，该装置具有一个或多个处理器1002、被耦合到(一个或多个)处理器1002中的至少一个的控制模块(芯片组)1004、被耦合到控制模块1004的存储器1006、被耦合到控制模块1004的非易失性存储器(NVM)/存储设备1008、被耦合到控制模块1004的一个或多个输入/输出设备1010，以及被耦合到控制模块1004的网络接口1012。

处理器1002可包括一个或多个单核或多核处理器，处理器1002可包括通用处理器或专用处理器(例如图形处理器、应用处理器、基频处理器等)的任意组合。在一些实施例中，装置1000能够作为本申请实施例中所述服务器(集群)、移动设备、终端设备等设备。

在一些实施例中，装置1000可包括具有指令1014的一个或多个计算机可读介质(例如，存储器1006或NVM/存储设备1008)以及与该一个或多个计算机可读介质相合并被配置为执行指令1014以实现模块从而执行本公开中所述的动作的一个或多个处理器1002。

对于一个实施例，控制模块1004可包括任意适当的接口控制器，以向(一个或多个)处理器1002中的至少一个和/或与控制模块1004通信的任意适当的设备或组件提供任意适当的接口。

控制模块1004可包括存储器控制器模块，以向存储器1006提供接口。存储器控制器模块可以是硬件模块、软件模块和/或固件模块。

存储器1006可被用于例如为装置1000加载和存储数据和/或指令1014。对于一个实施例，存储器1006可包括任意适当的易失性存储器，例如，适当的DRAM。在一些实施例中，存储器1006可包括双倍数据速率类型四同步动态随机存取存储器(DDR4SDRAM)。

对于一个实施例，控制模块1004可包括一个或多个输入/输出控制器，以向NVM/存储设备1008及(一个或多个)输入/输出设备1010提供接口。

例如，NVM/存储设备1008可被用于存储数据和/或指令1014。NVM/存储设备1008可包括任意适当的非易失性存储器(例如，闪存)和/或可包括任意适当的(一个或多个)非易失性存储设备(例如，一个或多个硬盘驱动器(HDD)、一个或多个光盘(CD)驱动器和/或一个或多个数字通用光盘(DVD)驱动器)。

NVM/存储设备1008可包括在物理上作为装置1000被安装在其上的设备的一部分的存储资源，或者其可被该设备访问可不必作为该设备的一部分。例如，NVM/存储设备1008可通过网络经由(一个或多个)输入/输出设备1010进行访问。

(一个或多个)输入/输出设备1010可为装置1000提供接口以与任意其他适当的设备通信，输入/输出设备1010可以包括通信组件、音频组件、传感器组件等。网络接口1012可为装置1000提供接口以通过一个或多个网络通信，装置1000可根据一个或多个无线网络标准和/或协议中的任意标准和/或协议来与无线网络的一个或多个组件进行无线通信，例如接入基于通信标准的无线网络，如WiFi、2G、3G、4G等，或它们的组合进行无线通信。

对于一个实施例，(一个或多个)处理器1002中的至少一个可与控制模块1004的一个或多个控制器(例如，存储器控制器模块)的逻辑封装在一起。对于一个实施例，(一个或多个)处理器1002中的至少一个可与控制模块1004的一个或多个控制器的逻辑封装在一起以形成系统级封装(SiP)。对于一个实施例，(一个或多个)处理器1002中的至少一个可与控制模块1004的一个或多个控制器的逻辑集成在同一模具上。对于一个实施例，(一个或多个)处理器1002中的至少一个可与控制模块1004的一个或多个控制器的逻辑集成在同一模具上以形成片上系统(SoC)。

在各个实施例中，装置1000可以但不限于是：服务器、台式计算设备或移动计算设备(例如，膝上型计算设备、手持计算设备、平板电脑、上网本等)等终端设备。在各个实施例中，装置1000可具有更多或更少的组件和/或不同的架构。例如，在一些实施例中，装置1000包括一个或多个摄像机、键盘、液晶显示器(LCD)屏幕(包括触屏显示器)、非易失性存储器端口、多个天线、图形芯片、专用集成电路(ASIC)和扬声器。

本申请实施例提供了一种服务器，包括：一个或多个处理器；和，其上存储有指令的一个或多个机器可读介质，当由所述一个或多个处理器执行时，使得所述服务器执行如本申请实施例中一个或多个所述的数据处理方法。

本申请实施例提供了一种移动设备，包括：一个或多个处理器；和，其上存储有指令的一个或多个机器可读介质，当由所述一个或多个处理器执行时，使得所述服务器执行如本申请实施例中一个或多个所述的显示处理方法。该移动设备还包括：图像摄取装置和显示装置。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本申请实施例是参照根据本申请实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本申请实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请实施例范围的所有变更和修改。

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

以上对本申请所提供的一种页面检测方法和装置、一种电子设备和一种存储介质，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (20)

1.一种页面检测方法，其特征在于，所述的方法包括：

加载第一页面，其中，所述第一页面对应监测代码，所述第一页面为需要上线的页面；

依据所述监测代码确定所述第一页面的标记位，对所述标记位对应元素进行提示，所述标记位是指页面中进行标记的位置；

依据所述监测代码和提示的元素进行检测，所述检测包括检测页面处理逻辑。

2.根据权利要求1所述的方法，其特征在于，所述依据所述监测代码确定所述第一页面的标记位，对所述标记位对应元素进行提示，包括：

依据所述监测代码识别所述第一页面中的标记位，确定所述标记位对应的元素；

在所述第一页面中按照设定方式显示所述元素。

3.根据权利要求2所述的方法，其特征在于，所述在所述第一页面中按照设定方式显示所述元素，包括以下至少一种步骤：

在所述第一页面中对所述元素进行高亮显示；

在所述第一页面中显示所述元素对应的标签数据。

4.根据权利要求1所述的方法，其特征在于，依据所述监测代码和提示的元素进行检测，包括：

所述监测代码捕获所述第一页面中提示的元素对应的操作；

确定所述操作对应的行为并收集数据。

5.根据权利要求4所述的方法，其特征在于，所述确定所述操作对应的行为，包括：

依据策略信息确定所述操作对应的第二页面，从所述第一页面跳转到所述第二页面。

6.根据权利要求5所述的方法，其特征在于，所述策略信息依据状态机实现，所述状态机将页面抽象为状态，则所述第一页面对应第一状态，所述第二页面对应第二状态；

则所述依据策略信息确定所述操作对应的第二页面，从所述第一页面跳转到所述第二页面，包括：

依据状态机确定所述操作对应的第二状态，从第一状态跳转为第二状态。

7.根据权利要求6所述的方法，其特征在于，所述策略信息依据业务场景确定，所述的方法还包括：

确定页面跳转结果，依据所述页面跳转结果确定所述业务场景的执行结果。

8.根据权利要求1-7任一所述的方法，其特征在于，所述标记位的标记包括：事件属性标记、行为属性标记和数据属性标记。

9.根据权利要求8所述的方法，其特征在于，所述标记位包括点位，所述点位通过埋点方式确定。

10.一种页面检测装置，其特征在于，所述的装置包括：

加载模块，用于加载第一页面，其中，所述第一页面对应监测代码，所述第一页面为需要上线的页面；

提示模块，用于依据所述监测代码确定所述第一页面的标记位，对所述标记位对应元素进行提示，所述标记位是指页面中进行标记的位置；

检测模块，用于依据所述监测代码和提示的元素进行检测，所述检测包括检测页面处理逻辑。

11.根据权利要求10所述的装置，其特征在于，所述提示模块，包括：

识别子模块，用于依据所述监测代码识别所述第一页面中的标记位，确定所述标记位对应的元素；

显示子模块，用于在所述第一页面中按照设定方式显示所述元素。

12.根据权利要求11所述的装置，其特征在于，

所述识别子模块，用于在所述第一页面中对所述元素进行高亮显示；和/或，在所述第一页面中显示所述元素对应的标签数据。

13.根据权利要求10所述的装置，其特征在于，所述检测模块，包括：

操作捕获子模块，用于所述监测代码捕获所述第一页面中提示的元素对应的操作；

检测处理子模块，用于确定所述操作对应的行为并收集数据。

14.根据权利要求13所述的装置，其特征在于，

所述检测处理子模块，用于依据策略信息确定所述操作对应的第二页面，从所述第一页面跳转到所述第二页面。

15.根据权利要求14所述的装置，其特征在于，所述策略信息依据状态机实现，所述状态机将页面抽象为状态，则所述第一页面对应第一状态，所述第二页面对应第二状态；

所述检测处理子模块，用于依据状态机确定所述操作对应的第二状态，从第一状态跳转为第二状态。

16.根据权利要求15所述的装置，其特征在于，所述策略信息依据业务场景确定；

所述检测模块，还用于确定页面跳转结果，依据所述页面跳转结果确定所述业务场景的执行结果。

17.根据权利要求10-16任一所述的装置，其特征在于，所述标记位的标记包括：事件属性标记、行为属性标记和数据属性标记。

18.根据权利要求17所述的装置，其特征在于，所述标记位包括点位，所述点位通过埋点方式确定。

19.一种电子设备，其特征在于，包括：

处理器；和

存储器，其上存储有可执行代码，当所述可执行代码被执行时，使得所述处理器执行如权利要求1-9中任一个所述的页面检测方法。

20.一个或多个机器可读介质，其上存储有可执行代码，当所述可执行代码被执行时，使得处理器执行如权利要求1-9中任一个所述的页面检测方法。

Images