一种网页资源异步加载的方法及装置的制造方法_2

文档序号:9839668阅读:来源:国知局
确定网页框架中的图片显示位置。
[0049]本发明实施例中,第一进程用于根据网页框架信息加载并渲染网页框架,S卩加载网页文字和网页布局。由于文字和网页布局所占资源较小,所以第一进程加载文字和布局的速度比较快。同时,根据网页框架信息可以确定网页中的图片在框架中的相应的显示位置,即图片显示位置。
[0050]优选的,在确定网页框架中的图片显示位置步骤之后,还包括步骤201-202:
[0051]步骤201:在图片显示位置处加载预先设置的本地资源;
[0052]步骤202:在根据图片资源的地址获取图片资源之后,将本地资源替换为图片资源。
[0053]本发明实施例中,预先设置的本地资源具体可以为本地的图片或者等待标识,例如采用旋转的圈,表示正在加载中。在第二进程获取到图片资源之后,把该本地资源替换为图片资源。该方法通过在未获取到图片资源时,以本地资源暂时性代替显示,可以迅速将网页框架显示给用户。同时,根据图片资源的尺寸选取相匹配的本地资源,在该本地资源与图片资源的尺寸相同时,即使图片资源未加载完成,该网页框架的显示也不会发生变化,从而可以使得用户比较准确的定位到框架的某一位置。若因网页图片资源未加载完成导致网页框架的显示范围未固定,则可能会造成在网页图片资源未加载时显示的网页框架长度为10cm,在加载完成后显示的网页框架为40cmo
[0054]步骤103:调用第二进程,根据图片信息确定图片资源的地址,根据图片资源的地址获取图片资源,并在确定网页框架中的图片显示位置之后,将图片资源加载于相应的图片显示位置处;第一进程和第二进程为异步处理的进程。
[0055]本发明实施例中,图片的地址隐藏在图片的属性中,由不同于第一进程的第二进程执行加载操作。即,第一进程和第二进程为异步处理的进程,两个进程为相互独立、异步处理网页加载的进程。具体的,第二进程用于根据图片资源的地址获取图片资源,同时根据第一进程确定的图片显示位置,将图片资源加载于相应的图片显示位置处。
[0056]本发明实施例提供的一种网页资源异步加载的方法,由两个异步处理的进程完成加载过程。图片资源非直接渲染至html,页面加载仅渲染框架,由异步处理逻辑的了另一个进程加载图片资源,从而可以提高网页加载速度,进而加快页面显示速度。
[0057]优选的,本发明实施例中,上述的根据图片资源的地址获取图片资源,具体包括:
[0058]在包含多个图片资源时,分别根据图片资源的地址同时获取图片资源。
[0059]S卩,第二进程同时获取图片资源,从而可以进一步提高图片资源加载的速度。
[0060]或者,上述的根据图片资源的地址获取图片资源,包括步骤301-302:
[0061]步骤301:根据图片资源在网页框架中的图片显示位置,分别确定图片资源的图片显示位置与网页框架顶端之间的距离值;
[0062]步骤302:按照距离值从小到大的顺序加载图片资源。
[0063]一般网页框架结构为从上往下排列,本发明实施例中,确定图片资源的图片显示位置与网页框架顶端之间的距离值、并按照距离值从小到大的顺序加载图片资源;即先加载网页最上端的图片,从而可以将网页最上端的图片向用户显示,符合用户浏览网页的习惯。
[0064]下面通过一个实施例详细介绍该方法的流程步骤。
[0065]实施例一
[0066]在实施例一中,在未获取到图片资源时,以本地资源暂时性代替显示,参见图4所示,该方法具体包括步骤401-406:
[0067]步骤401:获取网页代码,网页代码包括网页框架信息和图片信息。
[0068]其中,图片信息中包含相应图片资源的地址。
[0069]步骤402:调用第一进程,根据网页框架信息加载网页框架,并确定网页框架中的图片显示位置。
[0070]步骤403:在图片显示位置处加载预先设置的本地资源。
[0071]具体的,预先设置的本地资源具体可以为本地的图片或者等待标识,例如采用旋转的圈,表示正在加载中。
[0072]步骤404:调用第二进程,根据图片信息确定图片资源的地址,根据图片资源的地址获取图片资源。
[0073]步骤405:在根据图片资源的地址获取图片资源之后,将本地资源替换为图片资源。
[0074]步骤406:将图片资源加载于相应的图片显示位置处。
[0075]在实施例一中,在未获取到图片资源时,以本地资源暂时性代替显示,可以迅速将网页框架显示给用户。同时,根据图片资源的尺寸选取相匹配的本地资源,在该本地资源与图片资源的尺寸相同时,即使图片资源未加载完成,该网页框架的显示也不会发生变化,从而可以使得用户比较准确的定位到框架的某一位置。
[0076]实施例二
[0077]在实施例二中,根据图片资源的图片显示位置与网页框架顶端之间的距离值加载图片资源,具体的,参见图5所示,包括步骤501-507:
[0078]步骤501:获取网页代码,网页代码包括网页框架信息和图片信息。
[0079]其中,图片信息中包含相应图片资源的地址。
[0080]步骤502:调用第一进程,根据网页框架信息加载网页框架,并确定网页框架中的图片显示位置。
[0081]步骤503:在图片显示位置处加载预先设置的本地资源。
[0082]具体的,预先设置的本地资源具体可以为本地的图片或者等待标识,例如采用旋转的圈,表示正在加载中。
[0083]步骤504:调用第二进程,根据图片信息确定图片资源的地址,根据图片资源的地址获取图片资源。
[0084]步骤505:在根据图片资源的地址获取图片资源之后,确定图片资源的图片显示位置与网页框架顶端之间的距离值。
[0085]步骤506:按照距离值从小到大的顺序将本地资源替换为图片资源。
[0086]步骤507:将图片资源加载于相应的图片显示位置处。
[0087]本发明实施例中,图片的地址隐藏在图片的属性中,由不同于第一进程的第二进程执行加载操作。即,第一进程和第二进程为异步处理的进程,两个进程为相互独立、异步处理网页加载的进程。具体的,第二进程用于根据图片资源的地址获取图片资源,同时根据第一进程确定的图片显示位置,将图片资源加载于相应的图片显示位置处。通过在未获取到图片资源时,以本地资源暂时性代替显示,可以迅速将网页框架显示给用户。同时,根据图片资源的尺寸选取相匹配的本地资源,在该本地资源与图片资源的尺寸相同时,即使图片资源未加载完成,该网页框架的显示也不会发生变化,从而可以使得用户比较准确的定位到框架的某一位置。先加载网页最上端的图片,从而可以将网页最上端的图片向用户显示,符合用户浏览网页的习惯。
[0088]以上详细介绍了本发明实施例中自动切换节目的方法的流程,该方法也可以通过相应的装置实现,下面详细介绍该装置的结构和功能。
[0089]本发明实施例提供的一种网页资源异步加载的装置,参见图6所示,包括:
[0090]获取模块61,用于获取网页代码,网页代码包括网页框架信息和图片信息,图片信息中包含相应图片资源的地址;
[0091]第一加载模块62,用于调用第一进程,根据网页框架信息加载网页框架,并确定网页框架中的图片显示位置;
[0092]第二加载模块63,用于调用第二进程,根据图片信息确定图片资源的地址,根据图片资源的地址获取图片资源,并在第一加载模块确定网页框架中的图片显示位置之后,
当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1