网页页面样式的显示方法、装置、设备、系统及介质与流程

本技术涉及计算机领域，尤其涉及一种网页页面样式的显示方法、装置、设备、系统及介质。

背景技术：

1、随着计算机以及互联网技术的发展，前端网页的开发也在不断地发展，但在前端网页的开发中，由于在对网页进行测试时测试场景选取不足，或者测试用例不完善，会导致在前端网页的代码上线后，网页页面上的显示样式出现问题，比如，边框、色值或者文字大小等样式与实际需求不符，或者在某种特殊场景下出现网页页面的样式显示错乱的问题。

2、现有技术中，为了避免在前端网页的代码上线后，网页页面的显示样式出现问题，通常是对上线的代码进行修复，在代码修复完成后重新上线，这样用户在重新刷新网页页面后，网页页面就会显示正常的样式，然而，这种方法需要在本地修改代码，并在修改完后重新上线，这个过程往往需要比较长的时间，尤其是代码重新上线的时间，会随着网站系统的复杂程度而变长，从而导致降低了对网页页面出现的问题的处理效率。

3、综上所述，现有的解决网页页面的样式显示问题的方案，存在处理效率较低的问题。

技术实现思路

1、本技术实施例提供一种网页页面样式的显示方法、装置、设备、系统及介质，用于解决现有技术中的解决网页页面的样式显示问题的方案中，存在的对网页页面的样式显示问题处理效率较低的问题。

2、第一方面，本技术实施例提供一种网页页面样式的显示方法，应用于用户客户端，该方法包括：响应于用户的页面访问操作，根据获取到的目标网站的第一落地页文件显示第一页面样式；若第一页面样式显示错误，则将第一页面样式的错误信息反馈至开发人员客户端；接收落地页文件部署服务器发送的第二落地页文件，并根据第二落地页文件显示第二页面样式，其中，第二落地页文件为落地页文件部署服务器基于样式代码对第一落地页文件进行更新得到的文件，样式代码为开发人员客户端的开发人员基于错误信息编写得到的代码。

3、在一种具体实施方式中，该方法还包括：若第二页面样式显示正确，则向开发人员客户端发送指示信息，其中，指示信息用于向开发人员客户端提示第二页面样式显示正确。

4、在一种具体实施方式中，响应于用户的页面访问操作，根据获取到的目标网站的第一落地页文件显示第一页面样式，包括：响应于用户的页面访问操作，向落地页文件部署服务器发送页面访问请求，其中，页面访问请求中包括目标网站的标识；接收落地页文件部署服务器返回的第一落地页文件；根据第一落地页文件进行页面渲染，显示第一页面样式。

5、第二方面，本技术实施例提供一种网页页面样式的显示方法，应用于开发人员客户端，该方法包括：获取用户客户端发送的错误信息，其中，错误信息用于指示目标网站的第一落地页文件对应的第一页面样式显示错误；获取开发人员基于错误信息编写的样式代码，样式代码用于对第一落地页文件进行更新；将样式代码和错误信息发送至落地页文件部署服务器中。

6、在一种具体实施方式中，该方法还包括：接收用户客户端发送的指示信息，删除样式代码，其中，指示信息用于向开发人员客户端提示第二页面样式显示正确，第二页面样式为根据第二落地页文件渲染的页面样式，第二落地页文件为落地页文件部署服务器基于样式代码对第一落地页文件进行更新得到的文件。

7、第三方面，本技术实施例提供一种网页页面样式的显示方法，应用于落地页文件部署服务器，该方法包括：根据接收到的用户客户端的页面访问请求，获取目标网站的第一落地页文件，其中，页面访问请求中包括目标网站的标识，第一落地页文件中包括从样式文件部署服务器中获取的第一静态样式代码；将第一落地页文件发送至用户客户端；接收到开发人员客户端发送的错误信息，其中，错误信息用于指示第一落地页文件对应的第一页面样式显示错误；根据错误信息和预设的时间间隔从开发人员客户端获取样式代码，其中，样式代码用于对第一落地页文件进行更新，样式代码的优先级高于第一静态样式代码的优先级；基于样式代码更新第一落地页文件中的第一静态样式代码，得到第二落地页文件；将第二落地页文件发送至用户客户端。

8、在一种具体实施方式中，基于样式代码更新第一落地页文件中的第一静态样式代码，得到第二落地页文件，包括：根据错误信息确定第一静态样式代码中的错误代码，其中，错误代码为使第一落地页文件对应的第一页面样式出现错误的代码；将第一静态样式代码中的错误代码替换为样式代码，得到第二静态样式代码；采用第二静态样式代码替换第一落地页文件中的第一静态样式代码，得到第二落地页文件。

9、第四方面，本技术实施例提供一种网页页面样式的显示方法，应用于样式文件部署服务器，该方法包括：根据接收到的用户客户端的页面访问请求，获取目标网站的第一静态样式代码，其中，页面访问请求中包括目标网站的标识；将第一静态样式代码发送至落地页文件部署服务器。

10、第五方面，本技术实施例提供一种网页页面样式的显示装置，包括：第一显示模块，用于响应于用户的页面访问操作，根据获取到的目标网站的第一落地页文件显示第一页面样式；反馈模块，用于若第一页面样式显示错误，则将第一页面样式的错误信息反馈至开发人员客户端；第二显示模块，用于接收落地页文件部署服务器发送的第二落地页文件，并根据第二落地页文件显示第二页面样式，其中，第二落地页文件为落地页文件部署服务器基于样式代码对第一落地页文件进行更新得到的文件，样式代码为开发人员客户端的开发人员基于错误信息编写得到的代码。

11、第六方面，本技术实施例提供一种网页页面样式的显示装置，包括：第一获取模块，用于获取用户客户端发送的错误信息，其中，错误信息用于指示目标网站的第一落地页文件对应的第一页面样式显示错误；第二获取模块，用于获取开发人员基于错误信息编写的样式代码，样式代码用于对第一落地页文件进行更新；第一发送模块，用于将样式代码和错误信息发送至落地页文件部署服务器中。

12、第七方面，本技术实施例提供一种网页页面样式的显示装置，包括：第三获取模块，用于根据接收到的用户客户端的页面访问请求，获取目标网站的第一落地页文件，其中，页面访问请求中包括目标网站的标识，第一落地页文件中包括从样式文件部署服务器中获取的第一静态样式代码；第二发送模块，用于将第一落地页文件发送至用户客户端；接收模块，用于接收到开发人员客户端发送的错误信息，其中，错误信息用于指示第一落地页文件对应的第一页面样式显示错误；第四获取模块，用于根据错误信息和预设的时间间隔从开发人员客户端获取样式代码，其中，样式代码用于对第一落地页文件进行更新，样式代码的优先级高于第一静态样式代码的优先级；更新模块，用于基于样式代码更新第一落地页文件中的第一静态样式代码，得到第二落地页文件；第三发送模块，用于将第二落地页文件发送至用户客户端。

13、第八方面，本技术实施例提供一种网页页面样式的显示装置，包括：第五获取模块，用于根据接收到的用户客户端的页面访问请求，获取目标网站的第一静态样式代码，其中，页面访问请求中包括目标网站的标识；第四发送模块，用于将第一静态样式代码发送至落地页文件部署服务器。

14、第九方面，本技术实施例提供一种终端设备，包括：处理器，存储器，显示器以及通信接口；存储器用于存储处理器的可执行指令；其中，处理器配置为经由执行可执行指令来执行第一或第二方面的网页页面样式的显示方法。

15、第十方面，本技术实施例提供一种服务器，包括：处理器，存储器，通信接口；存储器用于存储处理器的可执行指令；其中，处理器配置为经由执行可执行指令来执行第三或第四方面的网页页面样式的显示方法。

16、第十一方面，本技术实施例提供一种可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现第一至第四方面任一项的网页页面样式的显示方法。

17、第十二方面，本技术实施例提供一种计算机程序产品，包括计算机程序，计算机程序被处理器执行时用于实现第一至第四方面任一项的网页页面样式的显示方法。

18、本技术实施例提供的网页页面样式的显示方法、装置、设备、系统及介质，在第一落地页文件对应的第一页面样式显示错误时，通过用户客户端将错误信息反馈至开发人员客户端，由开发人员客户端的开发人员根据错误信息编写对应的样式代码，落地页文件部署服务器在确定第一页面样式显示错误后，每间隔一定的时间在开发人员客户端中获取样式代码，然后采用样式代码更新第一落地页文件，得到第二落地页文件，落地页文件部署服务器将第二落地页文件发送至用户客户端，用户客户端根据第二落地页文件显示第二页面样式，该第二页面样式即为对显示错误的第一页面样式更改后，正确显示的页面样式，这样就可以直接通过样式代码覆盖第一落地页文件中原本出现问题的代码，实现快速解决网页页面的样式显示问题，而不需要进行修改后的代码再次上线的过程，从而提高了对网页页面的样式显示问题的处理效率。