网页更新方法、装置、电子设备及存储介质与流程

本技术涉及信息传输，具体涉及一种网页更新方法、装置、电子设备及存储介质。

背景技术：

1、随着信息技术的快速发展，用户在现实生活中使用浏览器的场景无处不在，浏览器缓存是指浏览器在访问网页时将一些静态资源保存在本地的临时存储区域，如图片、层叠样式表（cascading style sheets，简称css）文件、javascript文件（或简称为js文件）等静态资源，当用户再次访问同一网页时，浏览器可以直接从缓存中加载这些资源，而不需要重新下载，这样也导致了当服务端更新静态资源时浏览器还使用旧的静态资源的问题，可见，相关技术中通过浏览器访问各个网页存在被缓存困扰的问题，从而导致网页更新不及时的问题，影响用户的使用体验。

2、针对相关技术中存在的网页更新效率较低的技术问题，目前尚未提出有效的解决方案。

技术实现思路

1、本技术提供了一种网页更新方法、装置、电子设备及存储介质，以至少解决相关技术中存在的网页更新效率较低的技术问题。

2、第一方面，本技术提供了一种网页更新方法，包括：在目标网页已在浏览器中被打开的情况下，获取目标网页的当前静态资源的信息，其中，当前静态资源的信息包括当前静态资源所对应的字符串的散列值；基于当前静态资源的信息判断当前静态资源是否发生变化；在确定当前静态资源发生变化的情况下，重新加载目标网页的新的url地址，并指示浏览器从服务端重新加载目标网页的内容，其中，新的url地址中包含时间戳参数，时间戳参数用于表示获取当前静态资源的信息的当前时刻的时间参数。

3、通过采用上述技术方案，在目标网页被打开的情况下，通过获取目标网页的当前静态资源的信息，再基于当前静态资源的信息判断当前静态资源是否发生变化，当确定当前静态资源发生变化时，重新加载目标网页的新的url地址，新的url地址中包含获取当前静态资源的信息的时间戳参数，以使浏览器从服务端重新加载目标网页的内容，因此，当服务端的静态资源发生更新时，浏览器端可以实现自动更新目标网页的目的，避免了相关技术中无法及时更新网页的问题，从而导致用户使用体验差的问题。

4、可选的，获取目标网页的当前静态资源的信息，包括：在浏览器中启动目标定时任务，以获取目标网页的当前静态资源的信息，其中，目标定时任务用于按照预设频率获取目标网页的当前静态资源的信息。

5、通过采用上述技术方案，通过在浏览器中启动目标定时任务，该目标定时任务用于按照预设频率获取目标网页的当前静态资源的信息，即通过启动目标定时任务，可以按照预设频率获取目标网页的当前静态资源的信息，因此，通过目标定时任务可以及时了解服务端的静态资源是否发生变化，当服务端的静态资源发生更新时，可以实现对浏览器端的目标网页进行及时更新的目的。

6、可选的，获取目标网页的当前静态资源的信息，包括：获取目标网页的第一html字符串，其中，第一html字符串是浏览器基于目标网页的当前url地址从服务端获得的，第一html字符串用于表示从服务端获取的目标网页对应的源代码；从第一html字符串中获取第一资源链接和第二资源链接，其中，第一资源链接用于表示与目标网页对应的第一css资源的链接，第二资源链接用于表示与目标网页对应的第一js资源的链接；基于第一资源链接得到第一字符串，以及基于第二资源链接得到第二字符串，其中，第一字符串用于表示与第一资源链接所对应的第一css资源的字符串，第二字符串用于表示与第二资源链接所对应的第一js资源的字符串，当前静态资源包括第一css资源和第一js资源；根据第一字符串和第二字符串，获取当前静态资源的信息。

7、通过采用上述技术方案，浏览器基于目标网页的当前url地址从服务端获取目标网页的第一html字符串，再从第一html字符串中获取第一资源链接和第二资源链接，即获取目标网页对应的第一css资源的链接和目标网页对应的第一js资源的链接，再根据第一资源链接得到关于第一css资源的第一字符串，以及根据第二资源链接得到关于第一js资源的第二字符串，然后根据第一字符串和第二字符串获得当前静态资源的信息。实现了根据目标网页的第一html字符串获得当前静态资源的信息的目的。

8、可选的，根据第一字符串和第二字符串，获取当前静态资源的信息，包括：利用密码散列算法得到与第一字符串对应的第一散列值，以及得到与第二字符串对应的第二散列值，其中，当前静态资源的信息包括第一散列值和第二散列值。

9、通过采用上述技术方案，利用密码散列算法可以得到与第一字符串和第二字符串分别对应的第一散列值和第二散列值，从而获得了当前静态资源的信息，即获得当前静态资源所对应字符串的散列值，以方便比较目标网页在当前时刻的静态资源是否发生变化。

10、可选的，基于当前静态资源的信息判断当前静态资源是否发生变化，包括：将第一散列值与第三散列值进行对比，得到第一对比结果，其中，第三散列值是利用密码散列算法对第三字符串进行计算得到并存储至本地缓存中，第三字符串用于表示第二css资源对应的字符串，第二css资源对应的字符串是基于目标网页的第二html字符串中所包含的第二css资源的链接所得到的，第二html字符串是在当前时刻之前从服务端获取的；将第二散列值与第四散列值进行对比，得到第二对比结果，其中，第四散列值是利用密码散列算法对第四字符串进行计算得到并存储至本地缓存中，第四字符串用于表示第二js资源对应的字符串，第二js资源对应的字符串是基于目标网页的第二html字符串中所包含的第二js资源的链接所得到的；基于第一对比结果和/或第二对比结果，判断当前静态资源是否发生变化。

11、通过采用上述技术方案，将第一散列值与本地缓存中的第三散列值进行对比，得到第一对比结果，第三散列值是在当前时刻之前所获得的第二css资源对应的字符串的散列值，即服务端在当前时刻之前的css资源的信息，同理，将第二散列值与本地缓存中的第四散列值进行对比，得到第二对比结果，第四散列值是在当前时刻之前所获得的第二js资源对应的字符串的散列值，即服务端在当前时刻之前的js资源的信息，然后根据第一对比结果和/或第二对比结果判断当前静态资源是否发生变化，即通过对服务端的静态资源在不同时刻的散列值的比较，以实现判断服务端的静态资源是否发生更新的目的。

12、可选的，基于第一对比结果和/或第二对比结果，判断当前静态资源是否发生变化，包括：在第一对比结果表示第一散列值与第三散列值不相等的情况下，判断当前静态资源发生变化；在第二对比结果表示第二散列值与第四散列值不相等的情况下，判断当前静态资源发生变化；在第一对比结果表示第一散列值与第三散列值相等、且第二对比结果表示第二散列值与第四散列值相等的情况下，判断当前静态资源未发生变化。

13、通过采用上述技术方案，当第一对比结果表示第一散列值与第三散列值不相等时，则认为当前静态资源发生变化，即认为服务端的css资源发生了变化；当第二对比结果表示第二散列值与第四散列值不相等时，则认为当前静态资源发生变化，即认为服务端的js资源发生了变化；当第一散列值与第三散列值相等、且第二散列值与第四散列值也相等时，则认为当前静态资源未发生变化，即认为服务端的css资源、js资源均未发生变化。实现了通过对静态资源所对应的字符串的散列值进行对比，进而判断静态资源是否发生变化的目的。

14、可选的，上述方法还包括：在判断当前静态资源发生变化的情况下，将当前静态资源存储至浏览器的缓存中。

15、通过采用上述技术方案，当确定当前静态资源发生变化时，将当前静态资源存储至浏览器的缓存中，即当确定静态资源发生更新时，可以实现及时加载最新的资源完成缓存更新操作的目的。

16、可选的，从第一html字符串中获取第一资源链接和第二资源链接，包括：通过编写正则表达式解析第一html字符串，以获得第一资源链接和第二资源链接。

17、通过采用上述技术方案，可以通过编写正则表达式解析第一html字符串，从而获得关于css资源的第一资源链接以及关于js资源的第二资源链接。

18、在本技术的第二方面，还提供了一种网页更新装置，包括：获取模块，用于在目标网页已在浏览器中被打开的情况下，获取目标网页的当前静态资源的信息，其中，当前静态资源的信息包括当前静态资源所对应的字符串的散列值；判断模块，用于基于当前静态资源的信息判断当前静态资源是否发生变化；处理模块，用于在确定当前静态资源发生变化的情况下，重新加载目标网页的新的url地址，并指示浏览器从服务端重新加载目标网页的内容，其中，新的url地址中包含时间戳参数，时间戳参数用于表示获取当前静态资源的信息的当前时刻的时间参数。

19、在本技术的第三方面，还提供了一种电子设备，包括存储器和处理器，存储器上存储有计算机程序，处理器执行程序时实现上述任一项的方法。

20、在本技术的第四方面，还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有指令，当所述指令被执行时，执行上述任意一项所述的方法。

21、综上所述，本技术实施例中提供的一个或多个技术方案，至少具有如下技术效果或优点：

22、1、通过获取目标网页的当前静态资源的信息，当确定当前静态资源发生变化时，重新加载目标网页的新的url地址，新的url地址中包含获取当前静态资源的信息的时间戳参数，以使浏览器从服务端重新加载目标网页的内容，因此，当服务端的静态资源发生更新时，浏览器端可以实现自动更新目标网页的目的，避免了相关技术中无法及时更新网页的问题，从而导致用户使用体验差的问题。

23、2、通过目标定时任务可以及时了解服务端的静态资源是否发生变化，当服务端的静态资源发生更新时，可以实现对浏览器端的目标网页进行及时更新的目的。

24、3、当确定静态资源发生更新时，可以实现及时加载最新的资源完成缓存更新操作的目的。