一种网页资源异步加载的方法及装置的制造方法
【技术领域】
[0001]本发明涉及网页加载技术领域，尤其涉及一种网页资源异步加载的方法及装置。
【背景技术】
[0002]随着网络技术的快速发展，网络内容越来越丰富，网页中除了文字还会嵌入各种各样的图片。客户端的浏览器在访问网页时，除了加载网页中的文字，还需要加载网页中的图片。同时，在很多网页中，图片文件所占的比重也越来也大，且图片文件的尺寸通常都比较大，因此大量的图片文件会严重影响网页的加载速度。
[0003]现有网页加载的方法是:网页加载和被刷新的时候，除了图片之外的内容(文字和布局等)和图片是一起加载，图片的地址放在HTML代码中，逐一去请求，完整加载之后，再整体显示。具体的，在网页的HTML代码中，在显示区域部分，按照传统方式，是写入图片的地址例如:* jpg，src: ****，这样在加载页面时，必须去请求这些照片才能完整实现整个页面。如果某个图片无法加载，会出现网页加载不下去的情况;而且如果图片比较大，加载速度会比较慢。
【发明内容】
[0004]本发明实施例提供一种网页资源异步加载的方法及装置，用于解决现有网页加载方法速度慢的技术问题。
[0005]本发明实施例提供的一种网页资源异步加载的方法，包括以下步骤:
[0006]获取网页代码，网页本代码包括网页框架信息和图片信息，图片信息中包含相应图片资源的地址；
[0007]调用第一进程，根据网页框架信息加载网页框架，并确定网页框架中的图片显示位置；
[0008]调用第二进程，根据图片信息确定图片资源的地址，根据图片资源的地址获取图片资源，并在确定网页框架中的图片显示位置之后，将图片资源加载于相应的图片显示位置处;第一进程和第二进程为异步处理的进程。
[0009]本发明实施例中，图片的地址隐藏在图片的属性中，由不同于第一进程的第二进程执行加载操作。即，第一进程和第二进程为异步处理的进程，两个进程为相互独立、异步处理网页加载的进程。具体的，第二进程用于根据图片资源的地址获取图片资源，同时根据第一进程确定的图片显示位置，将图片资源加载于相应的图片显示位置处。
[0010]在上述技术方案中，在确定网页框架中的图片显示位置步骤之后，还包括:
[0011]在图片显示位置处加载预先设置的本地资源；
[0012]在根据图片资源的地址获取图片资源之后，将本地资源替换为图片资源。
[0013]在上述技术方案中，根据图片资源的地址获取图片资源，包括:
[0014]在包含多个图片资源时，分别根据图片资源的地址同时获取图片资源。
[0015]在上述技术方案中，根据图片资源的地址获取图片资源，包括:
[0016]根据图片资源在网页框架中的图片显示位置，分别确定图片资源的图片显示位置与网页框架顶端之间的距离值；
[0017]按照距离值从小到大的顺序加载图片资源。
[0018]在上述技术方案中，网页框架信息包括网页文字信息和网页布局信息。
[0019]基于同样的发明构思，本发明实施例还提供一种网页资源异步加载的装置，包括:
[0020]获取模块，用于获取网页代码，网页代码包括网页框架信息和图片信息，图片信息中包含相应图片资源的地址；
[0021]第一加载模块，用于调用第一进程，根据网页框架信息加载网页框架，并确定网页框架中的图片显示位置；
[0022]第二加载模块，用于调用第二进程，根据图片信息确定图片资源的地址，根据图片资源的地址获取图片资源，并在第一加载模块确定网页框架中的图片显示位置之后，将图片资源加载于相应的图片显示位置处。
[0023]在上述技术方案中，还包括:
[0024]第三加载模块，用于在第一加载模块确定网页框架中的图片显示位置之后，在图片显示位置处加载预先设置的本地资源；
[0025]替换模块，用于在根据图片资源的地址获取图片资源之后，将本地资源替换为图片资源。
[0026]在上述技术方案中，第二加载模块具体用于:
[0027]在包含多个图片资源时，分别根据图片资源的地址同时获取图片资源。
[0028]在上述技术方案中，第二加载模块包括:
[0029]确定单元，用于根据图片资源在网页框架中的图片显示位置，分别确定图片资源的图片显示位置与网页框架顶端之间的距离值；
[0030]加载单元，用于按照距离值从小到大的顺序加载图片资源。
[0031]在上述技术方案中，网页框架信息包括网页文字信息和网页布局信息。
[0032]本发明实施例提供的一种网页资源异步加载的方法及装置，图片的地址隐藏在图片的属性中，由不同于第一进程的第二进程执行加载操作。即，第一进程和第二进程为异步处理的进程，两个进程为相互独立、异步处理网页加载的进程。具体的，第二进程用于根据图片资源的地址获取图片资源，同时根据第一进程确定的图片显示位置，将图片资源加载于相应的图片显示位置处。通过在为获取到图片资源时，以本地资源暂时性代替显示，可以迅速将网页框架显示给用户。同时，根据图片资源的尺寸选取相匹配的本地资源，在该本地资源与图片资源的尺寸相同时，即使图片资源未加载完成，该网页框架的显示也不会发生变化，从而可以使得用户比较准确的定位到框架的某一位置。先加载网页最上端的图片，从而可以将网页最上端的图片向用户显示，符合用户浏览网页的习惯。
[0033]本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
[0034]下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
【附图说明】
[0035]附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中:
[0036]图1为本发明实施例中网页资源异步加载的方法流程图；
[0037]图2为本发明实施例中加载本地资源的方法流程图；
[0038]图3为本发明实施例中根据图片资源的地址获取图片资源的方法流程图；
[0039]图4为本发明实施例一中网页资源异步加载的方法流程图；
[0040]图5为本发明实施例二中网页资源异步加载的方法流程图；
[0041 ]图6为本发明实施例中网页资源异步加载的装置的第一结构图；
[0042]图7为本发明实施例中网页资源异步加载的装置的第二结构图；
[0043]图8为本发明实施例中第二加载模块的结构图。
【具体实施方式】
[0044]以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
[0045]参见图1，本发明实施例提供的一种网页资源异步加载的方法的流程如下，具体包括步骤101-103:
[0046]步骤101:获取网页代码，网页代码包括网页框架信息和图片信息，图片信息中包含相应图片资源的地址。
[0047]本发明实施例中，将网页代码分为框架和图片两部分，具体包括网页框架信息和图片信息;其中，该网页框架信息具体包括网页文字信息和网页布局信息。
[0048]步骤102:调用第一进程，根据网页框架信息加载网页框架，并