CN117892029A - 前端页面渲染方法、装置、电子设备、介质和程序产品 - Google Patents

前端页面渲染方法、装置、电子设备、介质和程序产品 Download PDF

Info

Publication number
CN117892029A
CN117892029A CN202410058128.7A CN202410058128A CN117892029A CN 117892029 A CN117892029 A CN 117892029A CN 202410058128 A CN202410058128 A CN 202410058128A CN 117892029 A CN117892029 A CN 117892029A
Authority
CN
China
Prior art keywords
page
resource path
flow
target
parameter value
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202410058128.7A
Other languages
English (en)
Inventor
甄玉磊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Wodong Tianjun Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN202410058128.7A priority Critical patent/CN117892029A/zh
Publication of CN117892029A publication Critical patent/CN117892029A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Debugging And Monitoring (AREA)

Abstract

本公开的实施例公开了前端页面渲染方法、装置、电子设备、介质和程序产品。该方法的一具体实施方式包括：获取参数流程关联信息、前端页面信息和目标历史页面参数值集；根据参数流程关联信息，确定该目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程；根据该目标资源路径更新流程，对该前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径；根据该更新后前端页面资源路径，执行针对该前端页面信息的页面渲染，得到当前前端页面。该实施方式与页面资源加载有关，可以及时自动发现前端页面出现的情况和确定资源路径更新流程，提高解决历史页面白屏问题的效率和用户体验感，降低客诉率。

Description

前端页面渲染方法、装置、电子设备、介质和程序产品
技术领域
本公开的实施例涉及计算机技术领域，具体涉及前端页面渲染方法、装置、电子设备、介质和程序产品。
背景技术
在用户访问网站过程中，浏览器解析网页文件后，根据解析网页文件中的页面资源路径获取页面资源，有时由于获取的页面资源不完整，易导致页面出现白屏问题。对于页面出现白屏问题的解决，通常采用的方式为：在页面资源路径中增加变量，并在用户反馈页面白屏问题后，手动修改变量，获取新的页面资源路径，根据新的页面资源路径，执行页面渲染，得到前端页面。
然而，发明人发现，当采用上述方式来解决页面出现白屏问题，经常会存在如下技术问题：
由于需要用户主动反馈页面白屏问题，具有一定的滞后性和局限性，并且手动修改变量，会增加研发工作量，也存在一定的滞后性，导致用户体验感较低和增加客诉率。
该背景技术部分中所公开的以上信息仅用于增强对本发明构思的背景的理解，并因此，其可包含并不形成本国的本领域普通技术人员已知的现有技术的信息。
发明内容
本公开的内容部分用于以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。
本公开的一些实施例提出了前端页面渲染方法、装置、电子设备、介质和程序产品，来解决以上背景技术部分提到的技术问题中的一项或多项。
第一方面，本公开的一些实施例提供了一种前端页面渲染方法，包括：获取参数流程关联信息、前端页面信息和目标历史页面参数值集，其中，上述参数流程关联信息表征参数值组合信息集与资源路径更新流程集之间的对应关联关系，参数值组合信息对应参数集为页面参数集中的子集；根据上述参数流程关联信息，确定上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程；根据上述目标资源路径更新流程，对上述前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径；根据上述更新后前端页面资源路径，执行针对上述前端页面信息的页面渲染，得到当前前端页面。
可选地，上述参数流程关联信息包括第一参数值组合信息，上述资源路径更新流程集包括第一资源路径更新流程；以及上述根据上述参数流程关联信息，确定上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，包括：响应于确定上述目标历史页面参数值集与上述第一参数值组合信息相同，将上述第一资源路径更新流程，确定为上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，其中，上述第一资源路径更新流程表征解决历史前端页面对应的历史白屏问题，上述第一参数值组合信息包括的历史页面白屏确定参数值为空，且包括的历史页面时间参数值不为空。
可选地，上述参数流程关联信息包括第二参数值组合信息，上述资源路径更新流程集包括第二资源路径更新流程；以及上述根据上述参数流程关联信息，确定上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，包括：响应于确定上述目标历史页面参数值集与上述第二参数值组合信息相同，将上述第二资源路径更新流程，确定为上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，其中，上述第二参数值组合信息包括的历史页面白屏确定参数值不为空，上述第二资源路径更新流程表征未解决历史前端页面对应的历史白屏问题。
可选地，上述参数流程关联信息包括第三参数值组合信息，上述资源路径更新流程集包括第三资源路径更新流程；以及上述根据上述参数流程关联信息，确定上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，包括：响应于确定上述目标历史页面参数值集与上述第三参数值组合信息相同，将上述第三资源路径更新流程，确定为上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，其中，上述第三参数值组合信息包括的历史页面白屏确定参数值为空，且包括的历史页面时间参数值为空，上述第三资源路径更新流程表征上述前端页面资源路径对应的历史前端页面未出现历史白屏问题。
可选地，上述根据上述目标资源路径更新流程，对上述前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径，包括：响应于确定上述目标资源路径更新流程表征历史前端页面存在历史白屏问题，对流程资源路径集与上述前端页面资源路径进行匹配处理，得到路径匹配结果集，其中，上述流程资源路径集为上述目标资源路径更新流程对应的前端页面资源路径集；响应于确定上述路径匹配结果集中存在表征匹配成功的路径匹配结果，将表征匹配成功的路径匹配结果对应的流程资源路径，确定为流程匹配资源路径；根据上述流程匹配资源路径，对上述前端页面资源路径进行更新，得到更新后前端页面资源路径。
可选地，上述方法还包括：响应于确定上述目标资源路径更新流程为第三资源路径更新流程，将上述前端页面资源路径，确定为更新后前端页面资源路径。
可选地，上述响应于确定上述目标资源路径更新流程表征历史前端页面存在历史白屏问题，对流程资源路径集与上述前端页面资源路径进行匹配处理，得到路径匹配结果集，包括：确定上述目标资源路径更新流程对应的浏览器信息；响应于确定上述浏览器信息对应的浏览器支持目标接口，确定上述浏览器信息对应的至少一个流程资源路径，得到目标流程资源路径集；确定上述目标流程资源路径集中每个目标流程资源路径的前端元素标签，得到前端元素标签集；从上述前端元素标签集中筛选出满足预设标签条件的前端元素标签，作为目标前端元素标签，其中，上述预设标签条件为前端元素标签为动态脚本元素标签；将上述目标前端元素标签对应的至少一个目标流程资源路径，确定为流程标签资源路径集；对上述流程标签资源路径集与上述前端页面资源路径进行匹配处理，得到路径匹配结果集。
可选地，上述根据上述流程匹配资源路径，对上述前端页面资源路径进行更新，得到更新后前端页面资源路径，包括：响应于确定上述目标资源路径更新流程为第一资源路径更新流程，确定目标历史页面路径参数值对应的历史页面资源路径，其中，上述目标历史页面路径参数值为上述目标历史页面参数值集的参数值；响应于确定上述历史页面资源路径包括上述流程匹配资源路径，将目标页面时间参数信息添加至上述前端页面资源路径，得到添加后前端页面资源路径，作为更新后前端页面资源路径，其中，上述目标页面时间参数信息包括页面时间参数、页面时间参数对应的目标历史页面时间参数值，上述目标历史页面时间参数值为上述目标历史页面参数值集包括的参数值，上述页面时间参数为上述页面参数集包括的参数。
可选地，上述根据上述流程匹配资源路径，对上述前端页面资源路径进行更新，得到更新后前端页面资源路径，包括：响应于确定上述目标资源路径更新流程为第二资源路径更新流程，且历史页面资源路径包括上述流程匹配资源路径，设置当前时间为目标历史页面时间参数值；将当前页面时间参数信息添加至上述前端页面资源路径，得到添加后前端页面资源路径，作为更新后前端页面资源路径，其中，上述当前页面时间参数信息包括上述页面时间参数、页面时间参数对应的目标历史页面时间参数值。
可选地，上述方法还包括：响应于确定上述历史页面资源路径不包括上述流程匹配资源路径，将上述前端页面资源路径，确定为更新后前端页面资源路径，以及设置目标历史页面路径参数值和目标历史页面时间参数值为空。
可选地，在上述将当前页面时间参数信息添加至上述前端页面资源路径，得到添加后前端页面资源路径，作为更新后前端页面资源路径之前，上述方法还包括：响应于确定上述目标历史页面路径参数值为空，将上述流程匹配资源路径，确定为目标历史页面路径参数值。
可选地，上述方法还包括：响应于确定上述更新后前端页面资源路径存在异常，设置预设参数值为目标历史页面白屏确定参数值，其中，上述目标历史页面白屏确定参数值为上述目标历史页面参数值集包括的参数值。
可选地，在上述根据上述更新后前端页面资源路径，执行针对上述前端页面信息的页面渲染，得到当前前端页面之前，上述方法还包括：响应于确定目标历史页面白屏上报参数值不为空，将历史页面白屏恢复告警信息发送至目标终端，以及将上述目标历史页面白屏上报参数值设置为空，其中，上述目标历史页面白屏上报参数值为上述目标历史页面参数值集包括的参数值。
第二方面，本公开的一些实施例提供了一种前端页面渲染装置，包括：获取单元，被配置成获取参数流程关联信息、前端页面信息和目标历史页面参数值集，其中，上述参数流程关联信息表征参数值组合信息集与资源路径更新流程集之间的对应关联关系，参数值组合信息对应参数集为页面参数集中的子集；确定单元，被配置成根据上述参数流程关联信息，确定上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程；更新单元，被配置成根据上述目标资源路径更新流程，对上述前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径；执行单元，被配置成根据上述更新后前端页面资源路径，执行针对上述前端页面信息的页面渲染，得到当前前端页面。
可选地，上述参数流程关联信息包括第一参数值组合信息，上述资源路径更新流程集包括第一资源路径更新流程；以及确定单元可以被配置成：响应于确定上述目标历史页面参数值集与上述第一参数值组合信息相同，将上述第一资源路径更新流程，确定为上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，其中，上述第一资源路径更新流程表征解决历史前端页面对应的历史白屏问题，上述第一参数值组合信息包括的历史页面白屏确定参数值为空，且包括的历史页面时间参数值不为空。
可选地，上述参数流程关联信息包括第二参数值组合信息，上述资源路径更新流程集包括第二资源路径更新流程；以及确定单元可以被配置成：响应于确定上述目标历史页面参数值集与上述第二参数值组合信息相同，将上述第二资源路径更新流程，确定为上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，其中，上述第二参数值组合信息包括的历史页面白屏确定参数值不为空，上述第二资源路径更新流程表征未解决历史前端页面对应的历史白屏问题。
可选地，上述参数流程关联信息包括第三参数值组合信息，上述资源路径更新流程集包括第三资源路径更新流程；以及确定单元可以被配置成：响应于确定上述目标历史页面参数值集与上述第三参数值组合信息相同，将上述第三资源路径更新流程，确定为上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，其中，上述第三参数值组合信息包括的历史页面白屏确定参数值为空，且包括的历史页面时间参数值为空，上述第三资源路径更新流程表征上述前端页面资源路径对应的历史前端页面未出现历史白屏问题。
可选地，更新单元可以被配置成：响应于确定上述目标资源路径更新流程表征历史前端页面存在历史白屏问题，对流程资源路径集与上述前端页面资源路径进行匹配处理，得到路径匹配结果集，其中，上述流程资源路径集为上述目标资源路径更新流程对应的前端页面资源路径集；响应于确定上述路径匹配结果集中存在表征匹配成功的路径匹配结果，将表征匹配成功的路径匹配结果对应的流程资源路径，确定为流程匹配资源路径；根据上述流程匹配资源路径，对上述前端页面资源路径进行更新，得到更新后前端页面资源路径。
可选地，更新单元可以被配置成：响应于确定上述目标资源路径更新流程为第三资源路径更新流程，将上述前端页面资源路径，确定为更新后前端页面资源路径。
可选地，更新单元可以被配置成：确定上述目标资源路径更新流程对应的浏览器信息；响应于确定上述浏览器信息对应的浏览器支持目标接口，确定上述浏览器信息对应的至少一个流程资源路径，得到目标流程资源路径集；确定上述目标流程资源路径集中每个目标流程资源路径的前端元素标签，得到前端元素标签集；从上述前端元素标签集中筛选出满足预设标签条件的前端元素标签，作为目标前端元素标签，其中，上述预设标签条件为前端元素标签为动态脚本元素标签；将上述目标前端元素标签对应的至少一个目标流程资源路径，确定为流程标签资源路径集；对上述流程标签资源路径集与上述前端页面资源路径进行匹配处理，得到路径匹配结果集。
可选地，更新单元可以被配置成：响应于确定上述目标资源路径更新流程为第一资源路径更新流程，确定目标历史页面路径参数值对应的历史页面资源路径，其中，上述目标历史页面路径参数值为上述目标历史页面参数值集的参数值；响应于确定上述历史页面资源路径包括上述流程匹配资源路径，将目标页面时间参数信息添加至上述前端页面资源路径，得到添加后前端页面资源路径，作为更新后前端页面资源路径，其中，上述目标页面时间参数信息包括页面时间参数、页面时间参数对应的目标历史页面时间参数值，上述目标历史页面时间参数值为上述目标历史页面参数值集包括的参数值，上述页面时间参数为上述页面参数集包括的参数。
可选地，更新单元可以被配置成：响应于确定上述目标资源路径更新流程为第二资源路径更新流程，且历史页面资源路径包括上述流程匹配资源路径，设置当前时间为目标历史页面时间参数值；将当前页面时间参数信息添加至上述前端页面资源路径，得到添加后前端页面资源路径，作为更新后前端页面资源路径，其中，上述当前页面时间参数信息包括上述页面时间参数、页面时间参数对应的目标历史页面时间参数值。
可选地，更新单元可以被配置成：响应于确定上述历史页面资源路径不包括上述流程匹配资源路径，将上述前端页面资源路径，确定为更新后前端页面资源路径，以及设置目标历史页面路径参数值和目标历史页面时间参数值为空。
可选地，更新单元可以被配置成：响应于确定上述目标历史页面路径参数值为空，将上述流程匹配资源路径，确定为目标历史页面路径参数值。
可选地，装置还包括：响应于确定上述更新后前端页面资源路径存在异常，设置预设参数值为目标历史页面白屏确定参数值，其中，上述目标历史页面白屏确定参数值为上述目标历史页面参数值集包括的参数值。
可选地，装置还包括：响应于确定目标历史页面白屏上报参数值不为空，将历史页面白屏恢复告警信息发送至目标终端，以及将上述目标历史页面白屏上报参数值设置为空，其中，上述目标历史页面白屏上报参数值为上述目标历史页面参数值集包括的参数值。
第三方面，本公开的一些实施例提供了一种电子设备，包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现上述第一方面中任一实现方式描述的方法。
第四方面，本公开的一些实施例提供了一种计算机可读介质，其上存储有计算机程序，其中，程序被处理器执行时实现上述第一方面中任一实现方式描述的方法。
第五方面，本公开的一些实施例提供了一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现上述第一方面中任一实现方式所描述的方法。
本公开的上述各个实施例中具有如下有益效果：本公开的一些实施例的前端页面渲染方法可以及时自动发现前端页面出现的情况和确定资源路径更新流程，提高解决历史页面白屏问题的效率和用户体验感，降低客诉率。具体来说，造成用户体验感较低和增加客诉率的原因在于：由于需要用户主动反馈页面白屏问题，具有一定的滞后性和局限性，并且手动修改变量，会增加研发工作量，也存在一定的滞后性，导致用户体验感较低和增加客诉率。基于此，本公开的一些实施例的前端页面渲染方法可以首先，获取参数流程关联信息、前端页面信息和目标历史页面参数值集，其中，上述参数流程关联信息表征参数值组合信息集与资源路径更新流程集之间的对应关联关系，参数值组合信息对应参数集为页面参数集中的子集。在这里，获取的目标历史页面参数值集可以自动获取前端页面信息对应的前端页面上一次打开的页面情况，便于通过参数流程关联信息确定后续资源路径的更新流程。其次，根据上述参数流程关联信息，确定上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程。在这里，通过目标历史页面参数值集可以自动获取上次历史前端页面的情况和具体的资源路径更新流程，以及解决用户主动反馈页面情况导致的滞后性和局限性，提高解决白屏问题的效率。然后，根据上述目标资源路径更新流程，对上述前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径。在这里，通过确定的资源路径更新流程，自动对前端页面资源路径进行更新，可以及时解决前端页面出现的问题和提高用户体验感，以及避免手动修改变量，减少研发工作量。最后，根据上述更新后前端页面资源路径，执行针对上述前端页面信息的页面渲染，得到当前前端页面。在这里，通过更新后前端页面资源路径进行页面渲染，可以在一定程度上减少更新后页面资源路径出现异常情况导致的历史页面白屏问题。由此可得，该前端页面渲染方法通过目标历史页面参数值集，可以及时自动确定当前页面对应的上一次前端页面出现的情况，以及通过参数流程关联信息，可以及时自动确定具体的资源路径更新流程，从而，可以提高解决历史页面白屏问题的效率和用户体验感，降低客诉率。
附图说明
结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，元件和元素不一定按照比例绘制。
图1是根据本公开的一些实施例的前端页面渲染方法的一个应用场景的示意图；
图2是根据本公开的前端页面渲染方法的一些实施例的流程图；
图3是根据本公开的前端页面渲染方法的另一些实施例的流程图；
图4是根据本公开的前端页面渲染方法的另一些实施例的一个应用场景的示意图；
图5是根据本公开的前端页面渲染装置的一些实施例的结构示意图；
图6是适于用来实现本公开的一些实施例的电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例。相反，提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互组合。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
下面将参考附图并结合实施例来详细说明本公开。
图1是根据本公开一些实施例的前端页面渲染方法的一个应用场景的示意图。
在图1的应用场景中，电子设备101可以首先，获取参数流程关联信息102、前端页面信息103和目标历史页面参数值集104。其中，上述参数流程关联信息表征参数值组合信息集1021与资源路径更新流程集1022之间的对应关联关系，参数值组合信息对应参数集为页面参数集中的子集。在本应用场景中，参数值组合信息集可以包括：第一参数值组合信息10211、第二参数值组合信息10212和第三参数值组合信息10213。资源路径更新流程集可以包括：第一资源路径更新流程10221、第二资源路径更新流程10222和第三资源路径更新流程10223。其次，根据上述参数流程关联信息102，确定上述目标历史页面参数值集104对应的资源路径更新流程，作为目标资源路径更新流程105。在本应用场景中，目标资源路径更新流程105可以是资源路径更新流程10223。然后，根据上述目标资源路径更新流程105，对上述前端页面信息103对应的前端页面资源路径106进行更新，得到更新后前端页面资源路径107。最后，根据上述更新后前端页面资源路径107，执行针对上述前端页面信息103的页面渲染，得到当前前端页面108。
需要说明的是，上述电子设备101可以是硬件，也可以是软件。当电子设备为硬件时，可以实现成多个服务器或终端设备组成的分布式集群，也可以实现成单个服务器或单个终端设备。当电子设备体现为软件时，可以安装在上述所列举的硬件设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块，也可以实现成单个软件或软件模块。在此不做具体限定。
应该理解，图1中的电子设备的数目仅仅是示意性的。根据实现需要，可以具有任意数目的电子设备。
继续参考图2，示出了根据本公开的前端页面渲染方法的一些实施例的流程200。该前端页面渲染方法，包括以下步骤：
步骤201，获取参数流程关联信息、前端页面信息和目标历史页面参数值集。
在一些实施例中，上述前端页面渲染方法的执行主体(例如图1所示的电子设备101)可以通过有线连接方式或者无线连接方式来获取参数流程关联信息、前端页面信息和目标历史页面参数值集。其中，上述参数流程关联信息可以表征参数值组合信息集与资源路径更新流程集之间的对应关联关系。参数值组合信息对应参数集可以为页面参数集中的子集。其中，上述前端页面信息可以是待渲染的前端页面的信息。例如，上述前端页面信息可以是HTML(HyperText Markup Language，超文本标记语言)文本信息。上述参数值组合信息与上述资源路径更新流程之间存在一一对应的关系。上述页面参数集中的页面参数可以表征前端页面是否出现页面白屏问题。上述页面参数集与上述目标历史页面参数值集存在一一对应关系。上述页面参数集可以包括但不限于以下至少：打开前端页面的时间参数、前端页面资源路径参数和前端页面渲染异常参数。上述参数值组合信息可以是页面参数集包括的页面参数子集的页面参数值子集的组合信息。例如，上述参数值组合信息可以是打开前端页面的时间参数值为空和前端页面渲染异常参数值不为空的组合信息。上述参数流程关联信息可以是打开前端页面的时间参数值为空、且前端页面渲染异常参数值不为空的组合信息，对应的资源路径更新流程为第一资源路径更新流程的关联信息。上述目标历史页面参数值集中的目标历史页面参数值可以是上次打开前端页面时、表征前端页面的情况的参数的参数值。
步骤202，根据参数流程关联信息，确定目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程。
在一些实施例中，上述执行主体可以根据上述参数流程关联信息，确定上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程。其中，上述目标资源路径更新流程为上述资源路径更新流程集的资源路径更新流程。
作为示例，上述执行主体可以首先，确定上述目标历史页面参数值集中与上述参数值组合信息包括的参数集对应的目标历史页面参数值子集。其次，将上述目标历史页面参数值子集与上述参数值组合信息集进行匹配，得到参数值匹配结果集。然后，将表征匹配成功的参数值匹配结果对应的参数值组合信息，确定为目标参数值组合信息。最后，通过上述参数流程关联信息，将与上述目标参数值组合信息对应的资源路径更新流程，确定为目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程。
在一些实施例的一些可选的实现方式中，上述参数流程关联信息包括第一参数值组合信息，上述资源路径更新流程集包括第一资源路径更新流程。其中，参数值组合信息可以是包括页面白屏确定参数对应的历史页面白屏确定参数值、页面时间参数对应的历史页面时间参数值的组合信息。上述页面白屏确定参数可以表征前端页面信息对应的历史前端页面是否发生白屏问题。上述历史前端页面可以是在渲染当前前端页面之前的、已经渲染完成的前端页面。例如，上述页面白屏确定参数可以是short参数。上述页面时间参数可以是存储最近历史前端页面发生页面白屏时，下次打开前端页面的时间的参数。例如，上述页面时间参数可以是time参数。上述第一参数值组合信息包括的历史页面白屏确定参数值可以为空，且包括的历史页面时间参数值不可以为空。上述第一资源路径更新流程可以表征解决历史前端页面对应的历史白屏问题。
可选地，上述执行主体响应于确定上述目标历史页面参数值集与上述第一参数值组合信息相同，将上述第一资源路径更新流程，确定为上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程。
在一些实施例的一些可选的实现方式中，上述参数流程关联信息包括第二参数值组合信息，上述资源路径更新流程集包括第二资源路径更新流程。其中，上述第二参数值组合信息包括的历史页面白屏确定参数值不可以为空。上述第二资源路径更新流程可以表征未解决历史前端页面对应的历史白屏问题。
可选地，上述执行主体响应于确定上述目标历史页面参数值集与上述第二参数值组合信息相同，将上述第二资源路径更新流程，确定为上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程。
在一些实施例的一些可选的实现方式中，上述参数流程关联信息包括第三参数值组合信息，上述资源路径更新流程集包括第三资源路径更新流程。其中，上述第三参数值组合信息包括的历史页面白屏确定参数值可以为空，且包括的历史页面时间参数值可以为空。上述第三资源路径更新流程可以表征上述前端页面资源路径对应的历史前端页面未出现历史白屏问题。
可选地，上述执行主体响应于确定上述目标历史页面参数值集与上述第三参数值组合信息相同，将上述第三资源路径更新流程，确定为上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程。
步骤203，根据目标资源路径更新流程，对前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径。
在一些实施例中，上述执行主体可以根据上述目标资源路径更新流程，对上述前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径。其中，上述前端页面资源路径可以是渲染前端页面需要的页面静态资源的路径。上述更新后前端页面资源路径可以是更换网络地址后的页面静态资源路径。
作为示例，上述执行主体可以利用前端页面构建工具，根据上述目标资源路径更新流程，对上述前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径。其中，上述前端页面构建工具可以包括但不限于以下至少一项：Webpack构建工具和Gulp构建工具。
步骤204，根据更新后前端页面资源路径，执行针对前端页面信息的页面渲染，得到当前前端页面。
在一些实施例中，上述执行主体可以根据上述更新后前端页面资源路径，执行针对上述前端页面信息的页面渲染，得到当前前端页面。其中，上述当前前端页面可以是对前端页面进行页面渲染得到的前端页面。
作为示例，上述执行主体可以首先，执行上述更新后前端页面资源路径，得到前端页面资源信息。然后，将上述前端页面资源信息加载至内存，以及对上述前端页面资源信息进行解析，得到DOM(Document Object Model，文档对象模型)树。最后，将上述前端页面资源信息加载至上述DOM树，得到当前前端页面。
可选地，在步骤204之后，步骤还可以包括：
响应于确定上述更新后前端页面资源路径存在异常，设置预设参数值为目标历史页面白屏确定参数值。其中，上述目标历史页面白屏确定参数值可以为上述目标历史页面参数值集包括的参数值。更新后前端页面资源路径存在异常表征无法获取渲染前端页面需要的页面静态资源。更新后前端页面资源路径存在异常可以包括但不限于以下至少一项：更新后前端页面资源路径未加载成功、更新后前端页面资源路径对应的页面静态资源不完整、页面静态资源解析未成功。上述预设参数值可以是预先设定的参数值。例如，上述预设参数值可以是“true”。
可选地，在上述根据上述更新后前端页面资源路径，执行针对上述前端页面信息的页面渲染，得到当前前端页面之前，上述方法还可以包括：
响应于确定目标历史页面白屏上报参数值不为空，将历史页面白屏恢复告警信息发送至目标终端，以及将上述目标历史页面白屏上报参数值设置为空。其中，上述目标历史页面白屏上报参数值可以为上述目标历史页面参数值集包括的参数值。上述目标历史页面白屏上报参数值对应的页面白屏上报参数可以表征是否上报历史前端页面出现的历史白屏问题。例如，上述页面白屏上报参数可以是status参数。上述目标终端可以是监测前端页面的服务器。
可选地，在上述根据上述更新后前端页面资源路径，执行针对上述前端页面信息的页面渲染，得到当前前端页面之前，上述方法还可以包括：
响应于确定目标历史页面白屏确定参数值不为空，将目标历史页面白屏确定参数值设置为空。
本公开的上述各个实施例中具有如下有益效果：本公开的一些实施例的前端页面渲染方法可以及时自动发现前端页面出现的情况和确定资源路径更新流程，提高解决历史页面白屏问题的效率和用户体验感，降低客诉率。具体来说，造成用户体验感较低和增加客诉率的原因在于：由于需要用户主动反馈页面白屏问题，具有一定的滞后性和局限性，并且手动修改变量，会增加研发工作量，也存在一定的滞后性，导致用户体验感较低和增加客诉率。基于此，本公开的一些实施例的前端页面渲染方法可以首先，获取参数流程关联信息、前端页面信息和目标历史页面参数值集，其中，上述参数流程关联信息表征参数值组合信息集与资源路径更新流程集之间的对应关联关系，参数值组合信息对应参数集为页面参数集中的子集。在这里，获取的目标历史页面参数值集可以自动获取前端页面信息对应的前端页面上一次打开的页面情况，便于通过参数流程关联信息确定后续资源路径的更新流程。其次，根据上述参数流程关联信息，确定上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程。在这里，通过目标历史页面参数值集可以自动获取上次历史前端页面的情况和具体的资源路径更新流程，以及解决用户主动反馈页面情况导致的滞后性和局限性，提高解决白屏问题的效率。然后，根据上述目标资源路径更新流程，对上述前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径。在这里，通过确定的资源路径更新流程，自动对前端页面资源路径进行更新，可以及时解决前端页面出现的问题和提高用户体验感，以及避免手动修改变量，减少研发工作量。最后，根据上述更新后前端页面资源路径，执行针对上述前端页面信息的页面渲染，得到当前前端页面。在这里，通过更新后前端页面资源路径进行页面渲染，可以在一定程度上减少更新后页面资源路径出现异常情况导致的历史页面白屏问题。由此可得，该前端页面渲染方法通过目标历史页面参数值集，可以及时自动确定当前页面对应的上一次前端页面出现的情况，以及通过参数流程关联信息，可以及时自动确定具体的资源路径更新流程，从而，可以提高解决历史页面白屏问题的效率和用户体验感，降低客诉率。
进一步参考图3，示出了根据本公开的前端页面渲染方法的另一些实施例的流程300。该前端页面渲染方法，包括以下步骤：
步骤301，获取参数流程关联信息、前端页面信息和目标历史页面参数值集。
步骤302，根据参数流程关联信息，确定目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程。
在一些实施例中，步骤301-302的具体实现及其所带来的技术效果，可以参考图2对应的实施例中的步骤201-202，在此不再赘述。
步骤303，响应于确定目标资源路径更新流程表征历史前端页面存在历史白屏问题，对流程资源路径集与前端页面资源路径进行匹配处理，得到路径匹配结果集。
在一些实施例中，执行主体(例如图4所示的电子设备)可以响应于确定上述目标资源路径更新流程表征历史前端页面存在历史白屏问题，对流程资源路径集与上述前端页面资源路径进行匹配处理，得到路径匹配结果集。其中，上述流程资源路径集为上述目标资源路径更新流程对应的前端页面资源路径集。上述路径匹配结果集中的路径匹配结果可以表征流程资源路径与前端页面资源路径是否匹配成功。上述路径匹配结果集中的路径匹配结果可以包括：流程资源路径与前端页面资源路径匹配成功、流程资源路径与前端页面资源路径匹配失败。
作为示例，上述执行主体响应于确定上述目标资源路径更新流程表征历史前端页面存在历史白屏问题，利用KMP(Knuth Morris Pratt，字符串查找)算法，对流程资源路径集与上述前端页面资源路径进行匹配处理，得到路径匹配结果集。
步骤304，响应于确定路径匹配结果集中存在表征匹配成功的路径匹配结果，将表征匹配成功的路径匹配结果对应的流程资源路径，确定为流程匹配资源路径。
在一些实施例中，执行主体可以响应于确定上述路径匹配结果集中存在表征匹配成功的路径匹配结果，将表征匹配成功的路径匹配结果对应的流程资源路径，确定为流程匹配资源路径。
步骤305，根据流程匹配资源路径，对前端页面资源路径进行更新，得到更新后前端页面资源路径。
在一些实施例中，上述执行主体可以根据上述流程匹配资源路径，对上述前端页面资源路径进行更新，得到更新后前端页面资源路径。
作为示例，上述执行主体可以首先，将上述流程匹配资源路径与上述前端页面资源路径进行资源版本匹配，得到版本匹配结果。然后，响应于确定版本匹配结果表征流程匹配资源路径的资源版本大于上述前端页面资源路径的资源版本，将流程匹配资源路径，确定为更新后前端页面资源路径。
可选地，在步骤305之后，步骤还可以包括：
响应于确定上述目标资源路径更新流程为第三资源路径更新流程，将上述前端页面资源路径，确定为更新后前端页面资源路径。
在一些实施例的一些可选的实现方式中，上述响应于确定上述目标资源路径更新流程表征历史前端页面存在历史白屏问题，对流程资源路径集与上述前端页面资源路径进行匹配处理，得到路径匹配结果集，可以包括以下步骤：
第一步，确定上述目标资源路径更新流程对应的浏览器信息。其中，上述浏览器信息可以是加载前端页面信息对应的前端页面的浏览器的信息。例如，上述浏览器信息可以是浏览器的版本信息。
第二步，响应于确定上述浏览器信息对应的浏览器支持目标接口，确定上述浏览器信息对应的至少一个流程资源路径，得到目标流程资源路径集。其中，上述目标接口可以是API(Application Programming Interface，应用程序编程接口)接口。例如，上述目标接口可以是MutationObserver接口。上述流程资源路径集中的流程资源路径可以是浏览器通过检测MutationObserver接口加载的前端页面静态资源的资源路径。
第三步，确定上述目标流程资源路径集中每个目标流程资源路径的前端元素标签，得到前端元素标签集。其中，上述前端元素标签可以表征HTML中内容块的语义信息。例如，上述前端元素标签可以包括但不限于以下至少一项：头标签、内容标签、行标签、资源路径标签。
第四步，从上述前端元素标签集中筛选出满足预设标签条件的前端元素标签，作为目标前端元素标签。其中，上述预设标签条件可以为前端元素标签为动态脚本元素标签的条件。上述动态脚本元素标签可以是script标签。
第五步，将上述目标前端元素标签对应的至少一个目标流程资源路径，确定为流程标签资源路径集。
第六步，对上述流程标签资源路径集与上述前端页面资源路径进行匹配处理，得到路径匹配结果集。
在一些实施例的一些可选的实现方式中，上述根据上述流程匹配资源路径，对上述前端页面资源路径进行更新，得到更新后前端页面资源路径，可以包括以下步骤：
第一步，响应于确定上述目标资源路径更新流程为第一资源路径更新流程，确定目标历史页面路径参数值对应的历史页面资源路径。其中，上述目标历史页面路径参数值可以为上述目标历史页面参数值集的参数值。上述历史页面资源路径可以是最近一次历史前端页面发生页面白屏问题后、前端页面再次正常显示的资源路径。上述历史页面资源路径可以是目标历史页面路径参数值。上述目标历史页面路径参数值对应的页面路径参数可以是用于存储最近一次、历史前端页面发生页面白屏后、前端页面再次正常显示的资源路径的参数。
第二步，响应于确定上述历史页面资源路径包括上述流程匹配资源路径，将目标页面时间参数信息添加至上述前端页面资源路径，得到添加后前端页面资源路径，作为更新后前端页面资源路径。其中，上述目标页面时间参数信息可以包括页面时间参数、页面时间参数对应的目标历史页面时间参数值。上述目标历史页面时间参数值可以为上述目标历史页面参数值集包括的参数值。上述页面时间参数可以为上述页面参数集包括的参数。
可选地，在“第二步”之后，步骤还可以包括：
响应于确定上述历史页面资源路径不包括上述流程匹配资源路径，将上述前端页面资源路径，确定为更新后前端页面资源路径，以及设置目标历史页面路径参数值和目标历史页面时间参数值为空。
在一些实施例的一些可选的实现方式中，上述根据上述流程匹配资源路径，对上述前端页面资源路径进行更新，得到更新后前端页面资源路径，可以包括以下步骤：
第一步，响应于确定上述目标资源路径更新流程为第二资源路径更新流程，且历史页面资源路径包括上述流程匹配资源路径，设置当前时间为目标历史页面时间参数值。
第二步，将当前页面时间参数信息添加至上述前端页面资源路径，得到添加后前端页面资源路径，作为更新后前端页面资源路径。其中，上述当前页面时间参数信息可以包括上述页面时间参数、页面时间参数对应的目标历史页面时间参数值。
可选地，在“第二步”之后，步骤还可以包括：
响应于确定上述历史页面资源路径不包括上述流程匹配资源路径，将上述前端页面资源路径，确定为更新后前端页面资源路径，以及设置目标历史页面路径参数值和目标历史页面时间参数值为空。
可选地，在上述将当前页面时间参数信息添加至上述前端页面资源路径，得到添加后前端页面资源路径，作为更新后前端页面资源路径之前，上述方法还可以包括以下步骤：
响应于确定上述目标历史页面路径参数值为空，将上述流程匹配资源路径，确定为目标历史页面路径参数值。
步骤306，根据更新后前端页面资源路径，执行针对前端页面信息的页面渲染，得到当前前端页面。
在一些实施例中，步骤306的具体实现及其所带来的技术效果，可以参考图2对应的实施例中的步骤204，在此不再赘述。
在一些实施例中，步骤306的具体实现及其所带来的技术效果，可以参考图2对应的实施例中的步骤204，在此不再赘述。
从图3中可以看出，与图2对应的一些实施例的描述相比，图3对应的一些实施例中的前端页面渲染方法的流程300更加突出了根据上述目标资源路径更新流程，对上述前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径的具体步骤。由此，这些实施例描述的方案具体细化了历史前端页面存在历史白屏问题的情况下的前端页面资源路径的更新，可以及时自动地对前端页面资源路径进行更新，在一定程度上可以避免使用缓存异常资源导致的白屏问题，提高白屏问题解决的效率和用户体验感，降低客诉率和减少研发成本。
图4是根据本公开一些实施例的前端页面渲染方法的另一些实施例的一个应用场景的示意图。
在图4中的应用场景中，电子设备401可以首先，获取参数流程关联信息402、前端页面信息403和目标历史页面参数值集404。其中，上述参数流程关联信息表征参数值组合信息集4021与资源路径更新流程集4022之间的对应关联关系，参数值组合信息对应参数集为页面参数集中的子集。在本应用场景中，参数值组合信息集可以包括：第一参数值组合信息40211、第二参数值组合信息40212和第三参数值组合信息40213。资源路径更新流程集可以包括：第一资源路径更新流程40221、第二资源路径更新流程40222和第三资源路径更新流程40223。其次，根据上述参数流程关联信息402，确定上述目标历史页面参数值集404对应的资源路径更新流程，作为目标资源路径更新流程405。在本应用场景中，目标资源路径更新流程405可以是资源路径更新流程40223。再次，响应于确定上述目标资源路径更新流程405表征历史前端页面存在历史白屏问题，对流程资源路径集406与上述前端页面资源路径407进行匹配处理，得到路径匹配结果集408。在本应用场景中，上述流程资源路径集406可以包括：第一流程资源路径4061和第二流程资源路径4062。上述路径匹配结果集可以包括：第一路径匹配结果4081和第二路径匹配结果4082。路径匹配结果4081可以表征流程资源路径与前端页面资源路径匹配失败。路径匹配结果4082可以表征流程资源路径与前端页面资源路径匹配成功。接着，响应于确定上述路径匹配结果集中存在表征匹配成功的路径匹配结果，将表征匹配成功的路径匹配结果对应的流程资源路径，确定为流程匹配资源路径409。在本应用场景中，表征匹配成功的路径匹配结果为路径匹配结果4082。上述流程匹配资源路径为4062。然后，根据上述流程匹配资源路径409，对上述前端页面资源路径407进行更新，得到更新后前端页面资源路径410。最后，根据上述更新后前端页面资源路径410，执行针对上述前端页面信息403的页面渲染，得到当前前端页面411。
需要说明的是，上述电子设备401可以是硬件，也可以是软件。当电子设备为硬件时，可以实现成多个服务器或终端设备组成的分布式集群，也可以实现成单个服务器或单个终端设备。当电子设备体现为软件时，可以安装在上述所列举的硬件设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块，也可以实现成单个软件或软件模块。在此不做具体限定。
应该理解，图4中的电子设备的数目仅仅是示意性的。根据实现需要，可以具有任意数目的电子设备。
进一步参考图5，作为对上述各图所示方法的实现，本公开提供了一种前端页面渲染装置的一些实施例，这些装置实施例与图5所示的那些方法实施例相对应，该装置具体可以应用于各种电子设备中。
如图5所示，一种前端页面渲染装置500包括：获取单元501、确定单元502、更新单元503和执行单元504。其中，获取单元501被配置成：获取参数流程关联信息、前端页面信息和目标历史页面参数值集，其中，上述参数流程关联信息表征参数值组合信息集与资源路径更新流程集之间的对应关联关系，参数值组合信息对应参数集为页面参数集中的子集。确定单元502被配置成：根据上述参数流程关联信息，确定上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程。更新单元503被配置成：根据上述目标资源路径更新流程，对上述前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径。执行单元504被配置成：根据上述更新后前端页面资源路径，执行针对上述前端页面信息的页面渲染，得到当前前端页面。
在一些实施例的一些可选的实现方式中，上述参数流程关联信息包括第一参数值组合信息，上述资源路径更新流程集包括第一资源路径更新流程；以及上述确定单元502可以进一步被配置成：响应于确定上述目标历史页面参数值集与上述第一参数值组合信息相同，将上述第一资源路径更新流程，确定为上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，其中，上述第一资源路径更新流程表征解决历史前端页面对应的历史白屏问题，上述第一参数值组合信息包括的历史页面白屏确定参数值为空，且包括的历史页面时间参数值不为空。
在一些实施例的一些可选的实现方式中，上述参数流程关联信息包括第二参数值组合信息，上述资源路径更新流程集包括第二资源路径更新流程；以及上述确定单元502可以进一步被配置成：响应于确定上述目标历史页面参数值集与上述第二参数值组合信息相同，将上述第二资源路径更新流程，确定为上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，其中，上述第二参数值组合信息包括的历史页面白屏确定参数值不为空，上述第二资源路径更新流程表征未解决历史前端页面对应的历史白屏问题。
在一些实施例的一些可选的实现方式中，上述参数流程关联信息包括第三参数值组合信息，上述资源路径更新流程集包括第三资源路径更新流程；以及上述确定单元502可以进一步被配置成：响应于确定上述目标历史页面参数值集与上述第三参数值组合信息相同，将上述第三资源路径更新流程，确定为上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，其中，上述第三参数值组合信息包括的历史页面白屏确定参数值为空，且包括的历史页面时间参数值为空，上述第三资源路径更新流程表征上述前端页面资源路径对应的历史前端页面未出现历史白屏问题。
在一些实施例的一些可选的实现方式中，上述更新单元503可以进一步被配置成：响应于确定上述目标资源路径更新流程表征历史前端页面存在历史白屏问题，对流程资源路径集与上述前端页面资源路径进行匹配处理，得到路径匹配结果集，其中，上述流程资源路径集为上述目标资源路径更新流程对应的前端页面资源路径集；响应于确定上述路径匹配结果集中存在表征匹配成功的路径匹配结果，将表征匹配成功的路径匹配结果对应的流程资源路径，确定为流程匹配资源路径；根据上述流程匹配资源路径，对上述前端页面资源路径进行更新，得到更新后前端页面资源路径。
在一些实施例的一些可选的实现方式中，上述更新单元503可以进一步被配置成：响应于确定上述目标资源路径更新流程为第三资源路径更新流程，将上述前端页面资源路径，确定为更新后前端页面资源路径。
在一些实施例的一些可选的实现方式中，上述更新单元503可以进一步被配置成：确定上述目标资源路径更新流程对应的浏览器信息；响应于确定上述浏览器信息对应的浏览器支持目标接口，确定上述浏览器信息对应的至少一个流程资源路径，得到目标流程资源路径集；确定上述目标流程资源路径集中每个目标流程资源路径的前端元素标签，得到前端元素标签集；从上述前端元素标签集中筛选出满足预设标签条件的前端元素标签，作为目标前端元素标签，其中，上述预设标签条件为前端元素标签为动态脚本元素标签；将上述目标前端元素标签对应的至少一个目标流程资源路径，确定为流程标签资源路径集；对上述流程标签资源路径集与上述前端页面资源路径进行匹配处理，得到路径匹配结果集。
在一些实施例的一些可选的实现方式中，上述更新单元503可以进一步被配置成：响应于确定上述目标资源路径更新流程为第一资源路径更新流程，确定目标历史页面路径参数值对应的历史页面资源路径，其中，上述目标历史页面路径参数值为上述目标历史页面参数值集的参数值；响应于确定上述历史页面资源路径包括上述流程匹配资源路径，将目标页面时间参数信息添加至上述前端页面资源路径，得到添加后前端页面资源路径，作为更新后前端页面资源路径，其中，上述目标页面时间参数信息包括页面时间参数、页面时间参数对应的目标历史页面时间参数值，上述目标历史页面时间参数值为上述目标历史页面参数值集包括的参数值，上述页面时间参数为上述页面参数集包括的参数。
在一些实施例的一些可选的实现方式中，上述更新单元503可以进一步被配置成：响应于确定上述目标资源路径更新流程为第二资源路径更新流程，且历史页面资源路径包括上述流程匹配资源路径，设置当前时间为目标历史页面时间参数值；将当前页面时间参数信息添加至上述前端页面资源路径，得到添加后前端页面资源路径，作为更新后前端页面资源路径，其中，上述当前页面时间参数信息包括上述页面时间参数、页面时间参数对应的目标历史页面时间参数值。
在一些实施例的一些可选的实现方式中，上述更新单元503可以进一步被配置成：响应于确定上述历史页面资源路径不包括上述流程匹配资源路径，将上述前端页面资源路径，确定为更新后前端页面资源路径，以及设置目标历史页面路径参数值和目标历史页面时间参数值为空。
在一些实施例的一些可选的实现方式中，上述更新单元503可以进一步被配置成：响应于确定上述目标历史页面路径参数值为空，将上述流程匹配资源路径，确定为目标历史页面路径参数值。
在一些实施例的一些可选的实现方式中，上述装置500还可以包括：设置单元(图中未显示)。其中，上述设置单元可以被配置成：响应于确定上述更新后前端页面资源路径存在异常，设置预设参数值为目标历史页面白屏确定参数值，其中，上述目标历史页面白屏确定参数值为上述目标历史页面参数值集包括的参数值。
在一些实施例的一些可选的实现方式中，上述装置500还可以包括：发送单元(图中未显示)。其中，上述发送单元可以被配置成：响应于确定目标历史页面白屏上报参数值不为空，将历史页面白屏恢复告警信息发送至目标终端，以及将上述目标历史页面白屏上报参数值设置为空，其中，上述目标历史页面白屏上报参数值为上述目标历史页面参数值集包括的参数值。
可以理解的是，该装置500中记载的诸单元与参考图2描述的方法中的各个步骤相对应。由此，上文针对方法描述的操作、特征以及产生的有益效果同样适用于装置500及其中包含的单元，在此不再赘述。
下面参考图6，其示出了适于用来实现本公开的一些实施例的电子设备(例如图1中的电子设备101)600的结构示意图。图6示出的电子设备仅仅是一个示例，不应对本公开的实施例的功能和使用范围带来任何限制。
如图6所示，电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中，还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常，以下装置可以连接至I/O接口605：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607；包括例如磁带、硬盘等的存储装置608；以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图6中示出的每个方框可以代表一个装置，也可以根据需要代表多个装置。
特别地，根据本公开的一些实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的一些实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的一些实施例中，该计算机程序可以通过通信装置609从网络上被下载和安装，或者从存储装置608被安装，或者从ROM 602被安装。在该计算机程序被处理装置601执行时，执行本公开的一些实施例的方法中限定的上述功能。
需要说明的是，本公开的一些实施例上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的一些实施例中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：获取参数流程关联信息、前端页面信息和目标历史页面参数值集，其中，上述参数流程关联信息表征参数值组合信息集与资源路径更新流程集之间的对应关联关系，参数值组合信息对应参数集为页面参数集中的子集；根据上述参数流程关联信息，确定上述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程；根据上述目标资源路径更新流程，对上述前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径；根据上述更新后前端页面资源路径，执行针对上述前端页面信息的页面渲染，得到当前前端页面。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的一些实施例中的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括获取单元、确定单元、更新单元和执行单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，获取单元还可以被描述为“获取参数流程关联信息、前端页面信息和目标历史页面参数值集的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
本公开的一些实施例还提供一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现上述的任一种前端页面渲染方法。
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开的实施例中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (17)

1.一种前端页面渲染方法，包括：
获取参数流程关联信息、前端页面信息和目标历史页面参数值集，其中，所述参数流程关联信息表征参数值组合信息集与资源路径更新流程集之间的对应关联关系，参数值组合信息对应参数集为页面参数集中的子集；
根据所述参数流程关联信息，确定所述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程；
根据所述目标资源路径更新流程，对所述前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径；
根据所述更新后前端页面资源路径，执行针对所述前端页面信息的页面渲染，得到当前前端页面。
2.根据权利要求1所述的方法，其中，所述参数流程关联信息包括第一参数值组合信息，所述资源路径更新流程集包括第一资源路径更新流程；以及
所述根据所述参数流程关联信息，确定所述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，包括：
响应于确定所述目标历史页面参数值集与所述第一参数值组合信息相同，将所述第一资源路径更新流程，确定为所述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，其中，所述第一资源路径更新流程表征解决历史前端页面对应的历史白屏问题，所述第一参数值组合信息包括的历史页面白屏确定参数值为空，且包括的历史页面时间参数值不为空。
3.根据权利要求1所述的方法，其中，所述参数流程关联信息包括第二参数值组合信息，所述资源路径更新流程集包括第二资源路径更新流程；以及
所述根据所述参数流程关联信息，确定所述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，包括：
响应于确定所述目标历史页面参数值集与所述第二参数值组合信息相同，将所述第二资源路径更新流程，确定为所述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，其中，所述第二参数值组合信息包括的历史页面白屏确定参数值不为空，所述第二资源路径更新流程表征未解决历史前端页面对应的历史白屏问题。
4.根据权利要求1所述的方法，其中，所述参数流程关联信息包括第三参数值组合信息，所述资源路径更新流程集包括第三资源路径更新流程；以及
所述根据所述参数流程关联信息，确定所述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，包括：
响应于确定所述目标历史页面参数值集与所述第三参数值组合信息相同，将所述第三资源路径更新流程，确定为所述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程，其中，所述第三参数值组合信息包括的历史页面白屏确定参数值为空，且包括的历史页面时间参数值为空，所述第三资源路径更新流程表征所述前端页面资源路径对应的历史前端页面未出现历史白屏问题。
5.根据权利要求1所述的方法，其中，所述根据所述目标资源路径更新流程，对所述前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径，包括：
响应于确定所述目标资源路径更新流程表征历史前端页面存在历史白屏问题，对流程资源路径集与所述前端页面资源路径进行匹配处理，得到路径匹配结果集，其中，所述流程资源路径集为所述目标资源路径更新流程对应的前端页面资源路径集；
响应于确定所述路径匹配结果集中存在表征匹配成功的路径匹配结果，将表征匹配成功的路径匹配结果对应的流程资源路径，确定为流程匹配资源路径；
根据所述流程匹配资源路径，对所述前端页面资源路径进行更新，得到更新后前端页面资源路径。
6.根据权利要求5所述的方法，其中，所述方法还包括：
响应于确定所述目标资源路径更新流程为第三资源路径更新流程，将所述前端页面资源路径，确定为更新后前端页面资源路径。
7.根据权利要求5所述的方案，其中，所述响应于确定所述目标资源路径更新流程表征历史前端页面存在历史白屏问题，对流程资源路径集与所述前端页面资源路径进行匹配处理，得到路径匹配结果集，包括：
确定所述目标资源路径更新流程对应的浏览器信息；
响应于确定所述浏览器信息对应的浏览器支持目标接口，确定所述浏览器信息对应的至少一个流程资源路径，得到目标流程资源路径集；
确定所述目标流程资源路径集中每个目标流程资源路径的前端元素标签，得到前端元素标签集；
从所述前端元素标签集中筛选出满足预设标签条件的前端元素标签，作为目标前端元素标签，其中，所述预设标签条件为前端元素标签为动态脚本元素标签；
将所述目标前端元素标签对应的至少一个目标流程资源路径，确定为流程标签资源路径集；
对所述流程标签资源路径集与所述前端页面资源路径进行匹配处理，得到路径匹配结果集。
8.根据权利要求5所述的方法，其中，所述根据所述流程匹配资源路径，对所述前端页面资源路径进行更新，得到更新后前端页面资源路径，包括：
响应于确定所述目标资源路径更新流程为第一资源路径更新流程，确定目标历史页面路径参数值对应的历史页面资源路径，其中，所述目标历史页面路径参数值为所述目标历史页面参数值集的参数值；
响应于确定所述历史页面资源路径包括所述流程匹配资源路径，将目标页面时间参数信息添加至所述前端页面资源路径，得到添加后前端页面资源路径，作为更新后前端页面资源路径，其中，所述目标页面时间参数信息包括页面时间参数、页面时间参数对应的目标历史页面时间参数值，所述目标历史页面时间参数值为所述目标历史页面参数值集包括的参数值，所述页面时间参数为所述页面参数集包括的参数。
9.根据权利要求5所述的方法，其中，所述根据所述流程匹配资源路径，对所述前端页面资源路径进行更新，得到更新后前端页面资源路径，包括：
响应于确定所述目标资源路径更新流程为第二资源路径更新流程，且历史页面资源路径包括所述流程匹配资源路径，设置当前时间为目标历史页面时间参数值；
将当前页面时间参数信息添加至所述前端页面资源路径，得到添加后前端页面资源路径，作为更新后前端页面资源路径，其中，所述当前页面时间参数信息包括所述页面时间参数、页面时间参数对应的目标历史页面时间参数值。
10.根据权利要求8-9之一所述的方法，其中，所述方法还包括：
响应于确定所述历史页面资源路径不包括所述流程匹配资源路径，将所述前端页面资源路径，确定为更新后前端页面资源路径，以及设置目标历史页面路径参数值和目标历史页面时间参数值为空。
11.根据权利要求9所述的方法，其中，在所述将当前页面时间参数信息添加至所述前端页面资源路径，得到添加后前端页面资源路径，作为更新后前端页面资源路径之前，所述方法还包括：
响应于确定所述目标历史页面路径参数值为空，将所述流程匹配资源路径，确定为目标历史页面路径参数值。
12.根据权利要求1所述的方法，其中，所述方法还包括：
响应于确定所述更新后前端页面资源路径存在异常，设置预设参数值为目标历史页面白屏确定参数值，其中，所述目标历史页面白屏确定参数值为所述目标历史页面参数值集包括的参数值。
13.根据权利要求1所述的方法，其中，在所述根据所述更新后前端页面资源路径，执行针对所述前端页面信息的页面渲染，得到当前前端页面之前，所述方法还包括：
响应于确定目标历史页面白屏上报参数值不为空，将历史页面白屏恢复告警信息发送至目标终端，以及将所述目标历史页面白屏上报参数值设置为空，其中，所述目标历史页面白屏上报参数值为所述目标历史页面参数值集包括的参数值。
14.一种前端页面渲染装置，包括：
获取单元，被配置成获取参数流程关联信息、前端页面信息和目标历史页面参数值集，其中，所述参数流程关联信息表征参数值组合信息集与资源路径更新流程集之间的对应关联关系，参数值组合信息对应参数集为页面参数集中的子集；
确定单元，被配置成根据所述参数流程关联信息，确定所述目标历史页面参数值集对应的资源路径更新流程，作为目标资源路径更新流程；
更新单元，被配置成根据所述目标资源路径更新流程，对所述前端页面信息对应的前端页面资源路径进行更新，得到更新后前端页面资源路径；
执行单元，被配置成根据所述更新后前端页面资源路径，执行针对所述前端页面信息的页面渲染，得到当前前端页面。
15.一种电子设备，包括：
一个或多个处理器；
存储装置，其上存储有一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-13中任一所述的方法。
16.一种计算机可读介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现如权利要求1-13中任一所述的方法。
17.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-13中任一项所述的方法。
CN202410058128.7A 2024-01-15 2024-01-15 前端页面渲染方法、装置、电子设备、介质和程序产品 Pending CN117892029A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202410058128.7A CN117892029A (zh) 2024-01-15 2024-01-15 前端页面渲染方法、装置、电子设备、介质和程序产品

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202410058128.7A CN117892029A (zh) 2024-01-15 2024-01-15 前端页面渲染方法、装置、电子设备、介质和程序产品

Publications (1)

Publication Number Publication Date
CN117892029A true CN117892029A (zh) 2024-04-16

Family

ID=90650655

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202410058128.7A Pending CN117892029A (zh) 2024-01-15 2024-01-15 前端页面渲染方法、装置、电子设备、介质和程序产品

Country Status (1)

Country Link
CN (1) CN117892029A (zh)

Similar Documents

Publication Publication Date Title
CN107844324B (zh) 客户端页面跳转处理方法和装置
CN109359194B (zh) 用于预测信息类别的方法和装置
CN110908967B (zh) 用于存储日志的方法、装置、设备和计算机可读介质
CN117156012B (zh) 异常请求数据处理方法、装置、设备和计算机可读介质
CN115757400B (zh) 数据表处理方法、装置、电子设备和计算机可读介质
CN113590974B (zh) 推荐页面配置方法、装置、电子设备和计算机可读介质
CN111787041B (zh) 用于处理数据的方法和装置
CN112416739B (zh) 测试方法、装置以及电子设备
CN112558933A (zh) 组件渲染方法、装置、可读介质及电子设备
CN110110032B (zh) 用于更新索引文件的方法和装置
CN117892029A (zh) 前端页面渲染方法、装置、电子设备、介质和程序产品
CN111338928A (zh) 基于chrome浏览器测试的方法及装置
CN113296771B (zh) 页面显示方法、装置、设备和计算机可读介质
CN111460020B (zh) 用于解析消息的方法、装置、电子设备和介质
US10516767B2 (en) Unifying realtime and static data for presenting over a web service
CN113704079B (zh) 基于Protobuf的接口测试方法和装置
CN113448578A (zh) 页面数据处理方法、处理系统、电子设备和可读存储介质
CN113778504B (zh) 一种发布方法、发布系统及路由装置
CN114253520B (zh) 接口代码生成方法和装置
CN114428823B (zh) 基于多维变量表达式的数据联动方法、装置、设备和介质
CN118095426B (zh) 点击行为预测模型训练方法、装置、电子设备与可读介质
CN115309612B (zh) 一种监控数据的方法和装置
CN113779468B (zh) 用于处理页面接口数据的方法和装置
CN112287097B (zh) 标记语言文本解析方法及装置、存储介质、电子设备
CN110968768B (zh) 信息生成方法和装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination