CN111737617A - 页面资源的加载方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开关于一种页面资源的加载方法、装置、电子设备及存储介质，该方法包括：若识别到页面资源加载失败，通过预设回调指令获取所述页面资源的地址信息中的域名；所述域名为内容分发域名；获取所述域名对应的备用域名；将所述地址信息中的所述域名替换为所述备用域名，得到新的地址信息；根据所述新的地址信息重新加载所述页面资源。采用本方法，实现了在页面资源加载失败的情况下，通过替换页面资源的地址信息中的域名所得到的新的地址信息，去重新加载页面资源的目的；避免了页面资源加载失败而导致页面显示异常，进而使得页面的显示效果较差的缺陷，进一步提高了页面的显示效果。

Description

页面资源的加载方法、装置、电子设备及存储介质

技术领域

本公开涉及互联网技术领域，尤其涉及一种页面资源的加载方法、装置、电子设备及存储介质。

背景技术

随着互联网技术的快速发展，各种页面层出不穷；为了显示页面，需要对页面资源进行加载。

相关技术中，对页面资源的加载方式，一般是通过页面资源对应的URL(UniformResource Locator，统一资源定位系统)地址中的域名去访问相应的CDN(ContentDelivery Network，内容分发网络)服务器，以加载对应的资源；但是，若该CDN服务器发生异常或者没有存储相应的资源，会导致页面资源加载失败，从而造成页面显示异常，进而使得页面的显示效果较差。

发明内容

本公开提供一种页面资源的加载方法、装置、电子设备和存储介质，以至少解决相关技术中页面的显示效果较差的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面资源的加载方法，包括：

若识别到页面资源加载失败，通过预设回调指令获取所述页面资源的地址信息中的域名；所述域名为内容分发域名；

获取所述域名对应的备用域名；

将所述地址信息中的所述域名替换为所述备用域名，得到新的地址信息；

根据所述新的地址信息重新加载所述页面资源。

在一示例性实施例中，所述若识别到页面资源加载失败，通过回调指令获取所述页面资源的地址信息中的域名，包括：

若识别到页面资源加载失败，则触发所述页面资源对应的预设回调指令；

通过所述预设回调指令，获取所述页面资源对应的节点信息；

从所述节点信息中提取出所述页面资源的地址信息，并从所述页面资源的地址信息中提取出所述域名。

在一示例性实施例中，所述通过所述预设回调指令，获取所述页面资源对应的节点信息，包括：

获取所述预设回调指令回调的第一个参数；

获取所述预设回调指令回调的第一个参数对应的节点对象，作为所述页面资源对应的节点对象；

获取所述节点对象包含的信息，作为所述页面资源对应的节点信息。

在一示例性实施例中，所述从所述节点信息中提取出所述页面资源的地址信息，包括：

获取预设的地址信息标识符；

从所述节点信息中提取出与所述预设的地址信息标识符对应的信息，作为所述页面资源的地址信息。

在一示例性实施例中，所述获取所述域名对应的备用域名，包括：

获取所述域名的域名序号；

查询备用域名列表，获取与所述域名序号对应的下一域名序号的域名，作为所述备用域名；所述备用域名列表中记录有多个域名序号对应的域名。

在一示例性实施例中，所述获取所述域名的域名序号，包括：

获取所述预设回调指令回调的第二个参数，作为所述域名的域名序号。

在一示例性实施例中，在将所述地址信息中的所述域名替换为所述备用域名，得到新的地址信息之后，还包括：

获取与所述新的地址信息对应的节点信息，作为所述页面资源的新的节点信息；所述页面资源的新的节点信息中包括第一个参数和第二个参数，所述第一个参数用于指示所述页面资源对应的节点对象，所述第二个参数为所述新的地址信息中的所述备用域名的域名序号；

根据所述页面资源的新的节点信息，重新发起新的页面资源加载请求；所述页面资源的新的节点信息位于所述页面资源的地址信息对应的节点信息后面，所述页面资源的地址信息对应的节点信息与所述页面资源的新的节点信息均对应所述预设回调指令。

在一示例性实施例中，所述根据所述新的地址信息重新加载所述页面资源，包括：

获取所述新的地址信息中的域名和资源标识；所述资源标识与所述页面资源的地址信息中的资源标识相同；

将所述资源标识发送至所述新的地址信息中的所述域名对应的资源服务器；所述资源服务器用于获取与所述资源标识对应的页面资源；

对所述资源服务器返回的所述页面资源进行加载。

根据本公开实施例的第二方面，提供一种页面资源的加载装置，包括：

域名获取单元，被配置为执行若识别到页面资源加载失败，通过预设回调指令获取所述页面资源的地址信息中的域名；所述域名为内容分发域名；

域名确定单元，被配置为执行获取所述域名对应的备用域名；

域名替换单元，被配置为执行将所述地址信息中的所述域名替换为所述备用域名，得到新的地址信息；

资源加载单元，被配置为执行根据所述新的地址信息重新加载所述页面资源。

在一示例性实施例中，所述域名获取单元，还被配置为执行若识别到页面资源加载失败，则触发所述页面资源对应的预设回调指令；通过所述预设回调指令，获取所述页面资源对应的节点信息；从所述节点信息中提取出所述页面资源的地址信息，并从所述页面资源的地址信息中提取出所述域名。

在一示例性实施例中，所述域名获取单元，还被配置为执行获取所述预设回调指令回调的第一个参数；获取所述预设回调指令回调的第一个参数对应的节点对象，作为所述页面资源对应的节点对象；获取所述节点对象包含的信息，作为所述页面资源对应的节点信息。

在一示例性实施例中，所述域名获取单元，还被配置为执行获取预设的地址信息标识符；从所述节点信息中提取出与所述预设的地址信息标识符对应的信息，作为所述页面资源的地址信息。

在一示例性实施例中，所述域名确定单元，还被配置为执行获取所述域名的域名序号；查询备用域名列表，获取与所述域名序号对应的下一域名序号的域名，作为所述备用域名；所述备用域名列表中记录有多个域名序号对应的域名。

在一示例性实施例中，所述域名确定单元，还被配置为执行获取所述预设回调指令回调的第二个参数，作为所述域名的域名序号。

在一示例性实施例中，所述装置还包括：请求发起单元，被配置为执行获取与所述新的地址信息对应的节点信息，作为所述页面资源的新的节点信息；所述页面资源的新的节点信息中包括第一个参数和第二个参数，所述第一个参数用于指示所述页面资源对应的节点对象，所述第二个参数为所述新的地址信息中的所述备用域名的域名序号；根据所述页面资源的新的节点信息，重新发起新的页面资源加载请求；所述页面资源的新的节点信息位于所述页面资源的地址信息对应的节点信息后面，所述页面资源的地址信息对应的节点信息与所述页面资源的新的节点信息均对应所述预设回调指令。

在一示例性实施例中，所述资源加载单元，还被配置为执行获取所述新的地址信息中的域名和资源标识；所述资源标识与所述页面资源的地址信息中的资源标识相同；将所述资源标识发送至所述新的地址信息中的所述域名对应的资源服务器；所述资源服务器用于获取与所述资源标识对应的页面资源；对所述资源服务器返回的所述页面资源进行加载。

根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现如第一方面的任一项实施例中所述的页面资源的加载方法。

根据本公开实施例的第四方面，提供一种存储介质，包括：当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如第一方面的任一项实施例中所述的页面资源的加载方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，所述程序产品包括计算机程序，所述计算机程序存储在可读存储介质中，设备的至少一个处理器从所述可读存储介质读取并执行所述计算机程序，使得设备执行第一方面的任一项实施例中所述的页面资源的加载方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

在识别到页面资源加载失败的情况下，通过预设回调指令获取页面资源的地址信息中的域名，该域名为内容分发域名；然后获取域名对应的备用域名，并将地址信息中的域名替换为备用域名，从而得到新的地址信息，最后根据新的地址信息重新加载页面资源；实现了在页面资源加载失败的情况下，通过替换页面资源的地址信息中的域名所得到的新的地址信息，去重新加载页面资源的目的；避免了页面资源加载失败而导致页面显示异常，进而使得页面的显示效果较差的缺陷，进一步提高了页面的显示效果。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种页面资源的加载方法的应用环境图。

图2是根据一示例性实施例示出的一种页面资源的加载方法的流程图。

图3是根据一示例性实施例示出的获取页面资源的地址信息中的域名的步骤的流程图。

图4是根据一示例性实施例示出的另一种页面资源的加载方法的流程图。

图5是根据一示例性实施例示出的一种页面资源的加载装置的框图。

图6是根据一示例性实施例示出的一种电子设备的内部结构图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

本公开所提供的页面资源的加载方法，可以应用于如图1所示的应用环境中。参照图1，该应用环境图包括终端110。终端110是具有页面显示功能的电子设备，该电子设备可以是智能手机、平板电脑或个人计算机等等。图1中以终端110是智能手机为例进行说明，终端110若识别到页面资源加载失败，通过预设回调指令获取页面资源的地址信息中的域名；获取域名对应的备用域名；将地址信息中的域名替换为备用域名，得到新的地址信息；根据新的地址信息重新加载页面资源，从而保证了页面的正常显示，进一步提高了页面的显示效果。

图2是根据一示例性实施例示出的一种页面资源的加载方法的流程图，如图2所示，页面资源的加载方法用于如图1所示的终端110中，包括以下步骤：

在步骤S210中，若识别到页面资源加载失败，通过预设回调指令获取页面资源的地址信息中的域名。

其中，页面是一个包含HTML(HyperText Markup Language，超文本标记语言)标签的纯文本文件，具体是指网页；页面资源是构成页面的基本元素，比如样式、脚本、图片等，可以通过特定的标签来加载；比如外部样式(如css)可以通过<link>标签加载，外部脚本(如javascript)可以通过<script>标签加载，图片(如image)可以通过<img>标签来加载。

其中，页面资源的地址信息用于标记页面资源在网络中的位置，可以是URL(Uniform Resource Locator，统一资源定位符)、网址等；在实际场景中，页面资源的地址信息是指页面资源的src属性的值、页面资源的href属性的值等。

其中，域名是指存放资源的计算机设备(如服务器)的名称，与IP(InternetProtocol，网际互连协议)地址一一对应；在实际场景中，通过不同域名可以访问不同的CDN服务器。例如，页面资源的地址信息为https://cdn1.static.yximgs.com/A.js，域名为cdn1.static.yximgs.com。

其中，预设回调指令是一种能够获取页面资源的节点信息的计算机指令，页面资源的节点信息包括页面资源的地址信息，页面资源的地址信息中包括域名；域名为内容分发域名。

具体地，终端获取当前页面的显示结果，根据当前页面的显示结果，识别到页面资源显示异常，则确定页面资源加载失败，并触发预设回调指令；通过预设回调指令获取页面资源的地址信息，并从页面资源的地址信息中提取出域名。这样，有利于后续根据域名获取新的域名，并根据新的域名对应的地址信息重新加载页面资源，避免了页面资源加载失败而导致页面显示异常，进而使得页面的显示效果较差的缺陷。

例如，终端识别到页面样式缺失或错乱、页面功能失效、图片无法正常显示等，则确定页面资源加载失败，并触发页面资源对应的预设回调指令，通过预设回调指令获取页面资源的地址信息中的域名。

在步骤S220中，获取域名对应的备用域名。

其中，备用域名与页面资源的地址信息中的域名一样，也是指存放资源的计算机设备(比如CDN服务器)的名称。

具体地，终端根据页面资源的地址信息中的域名查询存储有多个域名的备用域名列表，从备用域名列表中获取区别于该域名的域名，作为备用域名。这样，实现了根据域名自动获取对应的备用域名的目的，有利于后续根据备用域名得到新的地址信息。

例如，终端根据页面资源的地址信息中的CDN域名查询存储有多个CDN域名的备用域名列表，从备用域名列表中获取排在该CDN域名之后的CDN域名，作为备用域名。需要说明的是，还可以通过其他方式获取区别于该域名的域名，具体本公开不做限定。

在步骤S230中，将地址信息中的域名替换为备用域名，得到新的地址信息。

其中，新的地址信息与页面资源的地址信息一样，也是用于标记页面资源在网络中的位置。

具体地，终端获取页面资源的地址信息中的域名位置标识符，根据域名位置标识符，确定页面资源的地址信息中的域名的位置，将该位置对应的域名替换为备用域名，得到新的地址信息。其中，域名位置标识符用于标识页面资源的地址信息中的域名的位置。在本步骤中，通过确定新的地址信息，有利于后续根据新的地址信息重新加载页面资源，保证了页面资源的正常显示，进一步提高了页面的显示效果。

进一步地，终端还可以建立地址信息中的域名与备用域名之间的替换关系，根据该替换关系将页面资源的地址信息中的域名替换为备用域名，从而得到新的地址信息。

例如，当前页面资源的地址信息为https://cdn1.static.yximgs.com/A.js，域名为cdn1.static.yximgs.com，备用域名为cdn2.static.yximgs.com，则将当前的页面资源的地址信息中的域名替换为备用域名，得到新的地址信息为https://cdn2.static.yximgs.com/A.js。

在步骤S240中，根据新的地址信息重新加载页面资源。

具体地，终端获取新的地址信息中的域名，根据新的地址信息中的域名去访问对应的服务器，如CDN服务器；从服务器中获取终端请求的页面资源，并重新加载该页面资源；比如，对该页面资源进行渲染，并通过页面显示出来。通过本步骤，实现了在页面资源加载失败的情况下，自动重新加载页面资源的目的，保证了页面的正常显示，进一步提高了页面的显示效果。

需要说明的是，若根据新的地址信息加载页面资源失败，则跳转至步骤S210，并重复执行步骤S210至步骤S240，以遍历完所有新的域名，直到页面资源加载成功。

上述页面资源的加载方法中，在识别到页面资源加载失败的情况下，通过预设回调指令获取页面资源的地址信息中的域名，该域名为内容分发域名；然后获取域名对应的备用域名，并将地址信息中的域名替换为备用域名，从而得到新的地址信息，最后根据新的地址信息重新加载页面资源；实现了在页面资源加载失败的情况下，通过替换页面资源的地址信息中的域名所得到的新的地址信息，去重新加载页面资源的目的；避免了页面资源加载失败而导致页面显示异常，进而使得页面的显示效果较差的缺陷，进一步提高了页面的显示效果。

在一示例性实施例中，如图3所示，在步骤S210中，若识别到页面资源加载失败，通过回调指令获取页面资源的地址信息中的域名，具体可以通过以下步骤实现：

在步骤S310中，若识别到页面资源加载失败，则触发页面资源对应的预设回调指令。

其中，回调指令是指页面资源的标签的onerror属性所对应的回调函数；通过确定回调函数里的执行逻辑，可以形成预设回调指令，通过预设回调指令可以对页面资源的地址信息中的域名进行自动替换，以选择另一个域名，并重新加载页面资源；若通过该域名加载页面资源失败，则继续通过预设回调指令对页面资源的地址信息中的域名进行自动替换，直到页面资源加载成功。此外，不同页面资源对应的预设回调指令不一样。

在步骤S320中，通过预设回调指令，获取页面资源对应的节点信息。

其中，页面资源对应的节点信息是指页面资源中的元素信息，比如script节点信息、link节点信息、img节点信息等。

在步骤S330中，从节点信息中提取出页面资源的地址信息，并从页面资源的地址信息中提取出域名。

具体地，终端获取预设的地址信息标识符和预设的域名标识符，根据预设的地址信息标识符，从节点信息中提取出对应的信息，作为页面资源的地址信息；根据预设的域名标识符，从页面资源的地址信息中提取出对应的信息，作为页面资源的地址信息中的域名。其中，预设的地址信息标识符用于标识节点信息中的页面资源的地址信息，预设的域名标识符用于标识页面资源的地址信息中的域名。

本公开实施例提供的技术方案，通过获取页面资源的地址信息中的域名，有利于后续根据该域名获取新的域名，并根据新的域名对应的地址信息重新加载页面资源，避免了页面资源加载失败而导致页面显示异常，进而使得页面的显示效果较差的缺陷。

在一个实施例中，在步骤S320中，通过预设回调指令，获取页面资源对应的节点信息，具体包括如下内容：获取预设回调指令回调的第一个参数；获取预设回调指令回调的第一个参数对应的节点对象，作为页面资源对应的节点对象；获取节点对象包含的信息，作为页面资源对应的节点信息。

其中，预设回调指令回调的第一个参数是指event参数，具体是指页面资源对应的节点对象，里面包含很多关于该节点对象的节点信息，比如页面资源的地址信息等。此外，不同参数，对应的页面资源的节点对象不一样。

其中，页面资源对应的节点信息中包括页面资源的地址信息，比如页面资源的src属性的值、页面资源的href属性的值。

具体地，终端获取预设回调指令回调的第一个参数，并查询参数与节点对象的对应关系，得到预设回调指令回调的第一个参数对应的节点对象，作为页面资源对应的节点对象；查询节点对象与其包含信息的对应关系，得到该节点对象包含的信息，作为页面资源对应的节点信息。

在实际场景中，以加载脚本为例进行说明，脚本对应的HTML代码为：

<script src＝"https://cdn1.static.yximgs.com/A.js"onerror＝"fallback(event,1)"></script>；

终端对A.js这个资源加载失败时，A.js这个资源的script标签的onerror属性对应的回调函数(如fallback)被触发，在回调函数回调中，通过event参数，可以获得当前script标签的节点对象，然后获取该节点对象包含的节点信息，从该节点对象包含的节点信息中可以获得src属性的值https://cdn1.static.yximgs.com/A.js，即页面资源的地址信息，最后得到页面资源的地址信息中的域名cdn1.static.yximgs.com。

本公开实施例提供的技术方案，通过预设回调指令获取页面资源对应的节点信息，有利于后续从页面资源对应的节点信息中提取出页面资源的地址信息，进而提取出页面资源的地址信息中的域名。

在一个实施例中，在步骤S330中，从节点信息中提取出页面资源的地址信息，具体包括如下内容：获取预设的地址信息标识符；从节点信息中提取出与预设的地址信息标识符对应的信息，作为页面资源的地址信息。

具体地，终端将预设的地址信息标识符，分别与页面资源对应的节点信息中的各个信息进行一一匹配，将页面资源对应的节点信息中与预设的地址信息标识符匹配的信息，作为页面资源的地址信息。

进一步地，终端还可以获取预设的地址信息提取指令，根据预设的地址信息提取指令，从节点信息中提取出对应的地址信息，作为页面资源的地址信息。

本公开实施例提供的技术方案，通过从节点信息中提取出页面资源的地址信息，有利于后续从页面资源的地址信息中提取出域名，进而根据域名确定新的页面资源地址信息。

在一个实施例中，在步骤S220中，获取域名对应的备用域名，具体包括如下内容：获取域名的域名序号；查询备用域名列表，获取与域名序号对应的下一域名序号的域名，作为备用域名；备用域名列表中记录有多个域名序号对应的域名。

其中，每个域名都匹配有对应的域名序号，不同域名对应的域名序号不一样。

其中，与域名序号对应的下一域名序号，基于备用域名列表中域名的排列顺序而定；比如备用域名列表中的域名排列顺序为[域名1，域名2，域名3···]，假设当前的域名为域名1，那么下一域名序号的域名为域名2；比如备用域名列表中的域名排列顺序为[域名1，域名3，域名5···]，假设当前的域名为域名1，那么下一域名序号的域名为域名3；比如备用域名列表中的域名排列顺序为[域名2，域名4，域名6···]，假设当前的域名为域名2，那么下一域名序号的域名为域名4。

具体地，终端识别页面资源的地址信息中的域名对应的域名序号，比如页面资源的地址信息为https://cdn1.static.yximgs.com/A.js，那么域名序号为1；根据域名序号查询记录有多个域名序号对应的域名的备用域名列表，从备用域名列表中确定与该域名序号对应的下一域名序号，比如当前域名序号为1，则下一域名序号可以为2；并将该下一域名序号对应的域名，作为备用域名。

例如，终端获取页面资源的地址信息中的CDN域名的CDN域名序号，根据CDN域名的CDN域名序号查询记录有多个CDN域名序号对应的CDN域名的备用CDN域名列表，获取与该CDN域名序号对应的下一CDN域名序号的CDN域名，作为备用域名。

本公开实施例提供的技术方案，获取域名对应的备用域名，有利于后续根据备用域名对应的地址信息重新加载页面资源，避免了页面资源加载失败而导致页面显示异常，进而使得页面的显示效果较差的缺陷，进一步提高了页面的显示效果。

在一个实施例中，获取域名的域名序号，具体包括：获取预设回调指令回调的第二个参数，作为域名的域名序号。

其中，预设回调指令回调的第二个参数用于标记当前调用的域名序号(如CDN域名序号)，避免重复调用已经失败过的服务器(如CDN服务器)。

本公开实施例提供的技术方案，通过获取域名的域名序号，有利于后续获取与该域名序号对应的下一域名序号的域名，作为备用域名，避免重复访问已经失败过的域名对应的服务器，导致页面资源加载失败的缺陷。

在一个实施例中，上述步骤S230，在将地址信息中的域名替换为备用域名，得到新的地址信息之后，还包括：获取与新的地址信息对应的节点信息，作为页面资源的新的节点信息；页面资源的新的节点信息中包括第一个参数和第二个参数，第一个参数用于指示页面资源对应的节点对象，第二个参数为新的地址信息中的备用域名的域名序号；根据页面资源的新的节点信息，重新发起新的页面资源加载请求；页面资源的新的节点信息位于页面资源的地址信息对应的节点信息后面，页面资源的地址信息对应的节点信息与页面资源的新的节点信息均对应预设回调指令。

其中，第一个参数是指预设回调指令回调的第一个参数，具体是指event参数，用于指示页面资源对应的节点对象，其里面包含很多关于该节点对象的节点信息，比如页面资源的地址信息等。第二个参数是指预设回调指令回调的第二个参数，具体是指新的地址信息中的备用域名的域名序号。需要说明的是，页面资源的地址信息对应的节点信息与页面资源的新的节点信息均对应同一个预设回调指令，具体是指均带上onerror属性，并指定相同的fallback回调函数。

以加载脚本为例进行说明；其中，脚本对应的HTML代码为：

<script src＝"https://cdn1.static.yximgs.com/A.js"onerror＝"fallback(event,1)"></script>

终端对A.js这个资源加载失败时，A.js这个资源的script标签的onerror属性对应的回调函数(如fallback)被触发，在回调函数回调中，通过event参数，可以获得当前script标签的节点对象，然后获取该节点对象包含的节点信息，从该节点对象包含的节点信息中可以获得src属性的值https://cdn1.static.yximgs.com/A.js，即页面资源的地址信息，最后得到页面资源的地址信息中的域名cdn1.static.yximgs.com；获取该域名对应的备用域名：cdn2.static.yximgs.com，则新的地址信息为https://cdn2.static.yximgs.com/A.js，根据该新的地址信息创建一个新的script节点，将这个新的script节点插入到原来的script节点后面，src属性的值设置为新的地址信息，以重新发起新的一次页面资源加载请求，并重新加载A.js这个资源；其中，插入新的script节点之后，其对应的HTML代码为：

<script src＝"https://cdn1.static.yximgs.com/A.js"onerror＝"fallback(event,1)"></script>

<script src＝"https://cdn2.static.yximgs.com/A.js"onerror＝"fallback(event,2)"></script>

需要说明的是，新插入的节点也需要带上onerror属性，并指定相同的fallback回调函数。

本公开实施例提供的技术方案，通过获取页面资源的新的节点信息，有利于重新发起新的页面资源加载请求，避免了页面资源加载失败而导致页面显示异常，进而使得页面的显示效果较差的缺陷，进一步提高了页面的显示效果。在一个实施例中，在步骤S240中，根据新的地址信息重新加载页面资源，具体包括如下内容：获取新的地址信息中的域名和资源标识；资源标识与页面资源的地址信息中的资源标识相同；将资源标识发送至新的地址信息中的域名对应的资源服务器；资源服务器用于获取与资源标识对应的页面资源；对资源服务器返回的页面资源进行加载。

其中，资源标识是指页面资源的标识信息，比如资源名称、资源编号等，且新的地址信息中的资源标识与页面资源的旧地址信息中的资源标识相同，保证了即使对页面资源的地址信息更换了域名也不会影响页面资源的加载。资源服务器是指缓存有各种页面资源的服务器，比如CDN服务器，不同域名对应的资源服务器不一样。

具体地，服务器获取新的地址信息中的域名和资源标识，根据资源标识生成资源获取请求，将资源获取请求发送至新的地址信息中的域名对应的资源服务器；资源服务器对资源获取请求进行解析，得到资源标识，从缓存的页面资源中获取资源标识对应的页面资源，并将页面资源发送至对应的终端；终端对资源服务器返回的页面资源进行渲染，并通过页面显示出来，以达到对页面资源进行重新加载的目的，避免了页面资源加载失败而导致页面显示异常，进而使得页面的显示效果较差的缺陷，进一步提高了页面的显示效果。

为了便于本领域技术人员的理解，在一实际场景中，以加载样式为例对本公开的页面资源的加载方法进行说明；其中，样式对应的HTML代码为：

<link href＝"https://cdn1.static.yximgs.com/B.css"rel＝"stylesheet"onerror＝"fallback(event，1)">；

终端对B.css这个资源加载失败时，B.css这个资源的link标签的onerror属性对应的回调函数(如fallback)被触发，在回调函数回调中，通过event参数，可以获得当前link标签的节点对象，然后获取该节点对象包含的节点信息，从该节点对象包含的节点信息中可以获得href属性的值https://cdn1.static.yximgs.com/B.css，即页面资源的地址信息，最后得到页面资源的地址信息中的域名cdn1.static.yximgs.com；获取该域名对应的备用域名：cdn2.static.yximgs.com，则新的地址信息为https://cdn2.static.yximgs.com/B.css，根据该新的地址信息创建一个新的link节点，将这个新的link节点插入到原来的link节点后面，href属性的值设置为新的地址信息，以重新发起新的一次资源获取请求，并重新加载B.css这个资源；其中，插入新的link节点之后，其对应的HTML代码为：

<link href＝"https://cdn1.static.yximgs.com/B.css"rel＝"stylesheet"onerror＝"fallback(event，1)">

<link href＝"https://cdn2.static.yximgs.com/B.css"rel＝"stylesheet"onerror＝"fallback(event，2)">

需要说明的是，新插入的节点也需要带上onerror属性，并指定相同的fallback回调函数。

在另一实际场景中，以加载图片为例对本公开的页面资源的加载方法进行说明；其中，图片对应的HTML代码为：

<img src＝"https://cdn1.static.yximgs.com/C.jpg"onerror＝"fallback(event,1)">；

终端对C.jpg这个资源加载失败时，C.jpg这个资源的img标签的onerror属性对应的回调函数(如fallback)被触发，在回调函数回调中，通过event参数，可以获得当前img标签的节点对象，然后获取该节点对象包含的节点信息，从该节点对象包含的节点信息中可以获得src属性的值https://cdn1.static.yximgs.com/C.jpg，即页面资源的地址信息，最后得到页面资源的地址信息中的域名cdn1.static.yximgs.com；获取该域名对应的备用域名：cdn2.static.yximgs.com，则新的地址信息为https://cdn2.static.yximgs.com/C.jpg，根据该新的地址信息创建一个新的img节点，将这个新的img节点插入到原来的img节点后面，src属性的值设置为新的地址信息，以重新发起新的一次资源获取请求，并重新加载C.jpg这个资源；其中，插入新的img节点之后，其对应的HTML代码为：

<img src＝"https://cdn1.static.yximgs.com/C.jpg"onerror＝"fallback(event,1)">

<img src＝"https://cdn2.static.yximgs.com/C.jpg"onerror＝"fallback(event,2)">。

图4是根据一示例性实施例示出的另一种页面资源的加载方法的流程图，如图4所示，页面资源的加载方法用于如图1所示的终端110中，包括以下步骤：

在步骤S410中，若识别到页面资源加载失败，则触发页面资源对应的预设回调指令。

在步骤S420中，获取预设回调指令回调的第一个参数；获取预设回调指令回调的第一个参数对应的节点对象，作为页面资源对应的节点对象；获取节点对象包含的信息，作为页面资源对应的节点信息。

在步骤S430中，从页面资源对应的节点信息中提取出页面资源的地址信息，并从页面资源的地址信息中提取出域名；域名为内容分发域名。

在步骤S440中，获取预设回调指令回调的第二个参数，作为域名的域名序号。

在步骤S450中，查询备用域名列表，获取与域名序号对应的下一域名序号的域名，作为备用域名；备用域名列表中记录有多个域名序号对应的域名。

在步骤S460中，将地址信息中的域名替换为备用域名，得到新的地址信息。

在步骤S470中，根据新的地址信息重新加载页面资源。

上述页面资源的加载方法中，在识别到页面资源加载失败的情况下，通过预设回调指令获取页面资源的地址信息中的域名，该域名为内容分发域名；然后获取域名对应的备用域名，并将地址信息中的域名替换为备用域名，从而得到新的地址信息，最后根据新的地址信息重新加载页面资源；实现了在页面资源加载失败的情况下，通过替换页面资源的地址信息中的域名所得到的新的地址信息，去重新加载页面资源的目的；避免了页面资源加载失败而导致页面显示异常，进而使得页面的显示效果较差的缺陷，进一步提高了页面的显示效果。

应该理解的是，虽然图2-4的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2-4中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

图5是根据一示例性实施例示出的一种页面资源的加载装置的框图。参照图5，该装置包括域名获取单元510，域名确定单元520，域名替换单元530和资源加载单元540。

域名获取单元510，被配置为执行若识别到页面资源加载失败，通过预设回调指令获取页面资源的地址信息中的域名；域名为内容分发域名。

域名确定单元520，被配置为执行获取域名对应的备用域名。

域名替换单元530，被配置为执行将地址信息中的域名替换为备用域名，得到新的地址信息。

资源加载单元540，被配置为执行根据新的地址信息重新加载页面资源。

上述页面资源的加载装置，在识别到页面资源加载失败的情况下，通过预设回调指令获取页面资源的地址信息中的域名，该域名为内容分发域名；然后获取域名对应的备用域名，并将地址信息中的域名替换为备用域名，从而得到新的地址信息，最后根据新的地址信息重新加载页面资源；实现了在页面资源加载失败的情况下，通过替换页面资源的地址信息中的域名所得到的新的地址信息，去重新加载页面资源的目的；避免了页面资源加载失败而导致页面显示异常，进而使得页面的显示效果较差的缺陷，进一步提高了页面的显示效果。

在一示例性实施例中，域名获取单元510，还被配置为执行若识别到页面资源加载失败，则触发页面资源对应的预设回调指令；通过预设回调指令，获取页面资源对应的节点信息；从节点信息中提取出页面资源的地址信息，并从页面资源的地址信息中提取出域名。

在一示例性实施例中，域名获取单元510，还被配置为执行获取预设回调指令回调的第一个参数；获取预设回调指令回调的第一个参数对应的节点对象，作为页面资源对应的节点对象；获取节点对象包含的信息，作为页面资源对应的节点信息。

在一示例性实施例中，域名获取单元510，还被配置为执行获取预设的地址信息标识符；从节点信息中提取出与预设的地址信息标识符对应的信息，作为页面资源的地址信息。

在一示例性实施例中，域名确定单元520，还被配置为执行获取域名的域名序号；查询备用域名列表，获取与域名序号对应的下一域名序号的域名，作为备用域名；备用域名列表中记录有多个域名序号对应的域名。

在一示例性实施例中，域名确定单元520，还被配置为执行获取预设回调指令回调的第二个参数，作为域名的域名序号。

在一示例性实施例中，页面资源的加载装置还包括：请求发起单元，被配置为执行获取与新的地址信息对应的节点信息，作为页面资源的新的节点信息；页面资源的新的节点信息中包括第一个参数和第二个参数，第一个参数用于指示页面资源对应的节点对象，第二个参数为新的地址信息中的备用域名的域名序号；根据页面资源的新的节点信息，重新发起新的页面资源加载请求；页面资源的新的节点信息位于页面资源的地址信息对应的节点信息后面，页面资源的地址信息对应的节点信息与页面资源的新的节点信息均对应预设回调指令。

在一示例性实施例中，资源加载单元540，还被配置为执行获取新的地址信息中的域名和资源标识；资源标识与页面资源的地址信息中的资源标识相同；将资源标识发送至新的地址信息中的域名对应的资源服务器；资源服务器用于获取与资源标识对应的页面资源；对资源服务器返回的页面资源进行加载。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图6是根据一示例性实施例示出的一种用于执行上述的页面资源的加载方法的设备600的框图。例如，设备600可以是移动电话、计算机、数字广播终端、消息收发设备、游戏控制台、平板设备、医疗设备、健身设备、个人数字助理等。

参照图6，设备600可以包括以下一个或多个组件：处理组件602、存储器604、电力组件606、多媒体组件608、音频组件610、输入/输出(I/O)的接口612、传感器组件614以及通信组件616。

处理组件602通常控制设备600的整体操作，诸如与显示、电话呼叫、数据通信、相机操作和记录操作相关联的操作。处理组件602可以包括一个或多个处理器620来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件602可以包括一个或多个模块，便于处理组件602和其他组件之间的交互。例如，处理组件602可以包括多媒体模块，以方便多媒体组件608和处理组件602之间的交互。

存储器604被配置为存储各种类型的数据以支持在设备600的操作。这些数据的示例包括用于在设备600上操作的任何应用程序或方法的指令、联系人数据、电话簿数据、消息、图片、视频等。存储器604可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)、电可擦除可编程只读存储器(EEPROM)、可擦除可编程只读存储器(EPROM)、可编程只读存储器(PROM)、只读存储器(ROM)、磁存储器、快闪存储器、磁盘或光盘。

电源组件606为设备600的各种组件提供电力。电源组件606可以包括电源管理系统，一个或多个电源，及其他与为设备600生成、管理和分配电力相关联的组件。

多媒体组件608包括在所述设备600和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件608包括一个前置摄像头和/或后置摄像头。当设备600处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件610被配置为输出和/或输入音频信号。例如，音频组件610包括一个麦克风(MIC)，当设备600处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器604或经由通信组件616发送。在一些实施例中，音频组件610还包括一个扬声器，用于输出音频信号。

I/O接口612为处理组件602和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件614包括一个或多个传感器，用于为设备600提供各个方面的状态评估。例如，传感器组件614可以检测到设备600的打开/关闭状态，组件的相对定位，例如所述组件为设备600的显示器和小键盘，传感器组件614还可以检测设备600或设备600一个组件的位置改变，用户与设备600接触的存在或不存在，设备600方位或加速/减速和设备600的温度变化。传感器组件614可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件614还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件614还可以包括加速度传感器、陀螺仪传感器、磁传感器、压力传感器或温度传感器。

通信组件616被配置为便于设备600和其他设备之间有线或无线方式的通信。设备600可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件616经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件616还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，设备600可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述页面资源的加载方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器604，上述指令可由设备600的处理器620执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在示例性实施例中，本公开还提供一种计算机程序产品，所述程序产品包括计算机程序，所述计算机程序存储在可读存储介质中，设备的至少一个处理器从所述可读存储介质读取并执行所述计算机程序，使得设备执行本公开的任一项实施例中所述的页面资源的加载方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种页面资源的加载方法，其特征在于，包括：

若识别到页面资源加载失败，通过预设回调指令获取所述页面资源的地址信息中的域名；所述域名为内容分发域名；

获取所述域名对应的备用域名；

将所述地址信息中的所述域名替换为所述备用域名，得到新的地址信息；

根据所述新的地址信息重新加载所述页面资源。

2.根据权利要求1所述的页面资源的加载方法，其特征在于，所述若识别到页面资源加载失败，通过预设回调指令获取所述页面资源的地址信息中的域名，包括：

若识别到页面资源加载失败，则触发所述页面资源对应的预设回调指令；

通过所述预设回调指令，获取所述页面资源对应的节点信息；

从所述节点信息中提取出所述页面资源的地址信息，并从所述页面资源的地址信息中提取出所述域名。

3.根据权利要求2所述的页面资源的加载方法，其特征在于，所述通过所述预设回调指令，获取所述页面资源对应的节点信息，包括：

获取所述预设回调指令回调的第一个参数；

获取所述预设回调指令回调的第一个参数对应的节点对象，作为所述页面资源对应的节点对象；

获取所述节点对象包含的信息，作为所述页面资源对应的节点信息。

4.根据权利要求1所述的页面资源的加载方法，其特征在于，所述获取所述域名对应的备用域名，包括：

获取所述域名的域名序号；

查询备用域名列表，获取与所述域名序号对应的下一域名序号的域名，作为所述备用域名；所述备用域名列表中记录有多个域名序号对应的域名。

5.根据权利要求4所述的页面资源的加载方法，其特征在于，所述获取所述域名的域名序号，包括：

获取所述预设回调指令回调的第二个参数，作为所述域名的域名序号。

6.根据权利要求1所述的页面资源的加载方法，其特征在于，在将所述地址信息中的所述域名替换为所述备用域名，得到新的地址信息之后，还包括：

获取与所述新的地址信息对应的节点信息，作为所述页面资源的新的节点信息；所述页面资源的新的节点信息中包括第一个参数和第二个参数，所述第一个参数用于指示所述页面资源对应的节点对象，所述第二个参数为所述新的地址信息中的所述备用域名的域名序号；

根据所述页面资源的新的节点信息，重新发起新的页面资源加载请求；所述页面资源的新的节点信息位于所述页面资源的地址信息对应的节点信息后面，所述页面资源的地址信息对应的节点信息与所述页面资源的新的节点信息均对应所述预设回调指令。

7.根据权利要求1至6任一项所述的页面资源的加载方法，其特征在于，所述根据所述新的地址信息重新加载所述页面资源，包括：

获取所述新的地址信息中的域名和资源标识；所述资源标识与所述页面资源的地址信息中的资源标识相同；

将所述资源标识发送至所述新的地址信息中的所述域名对应的资源服务器；所述资源服务器用于获取与所述资源标识对应的页面资源；

对所述资源服务器返回的所述页面资源进行加载。

8.一种页面资源的加载装置，其特征在于，包括：

域名获取单元，被配置为执行若识别到页面资源加载失败，通过预设回调指令获取所述页面资源的地址信息中的域名；所述域名为内容分发域名；

域名确定单元，被配置为执行获取所述域名对应的备用域名；

域名替换单元，被配置为执行将所述地址信息中的所述域名替换为所述备用域名，得到新的地址信息；

资源加载单元，被配置为执行根据所述新的地址信息重新加载所述页面资源。

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

处理器；

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

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至7中任一项所述的页面资源的加载方法。

10.一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至7中任一项所述的页面资源的加载方法。

Images