CN105701127A - 网页页面的截图处理方法及装置 - Google Patents
网页页面的截图处理方法及装置 Download PDFInfo
- Publication number
- CN105701127A CN105701127A CN201410710839.4A CN201410710839A CN105701127A CN 105701127 A CN105701127 A CN 105701127A CN 201410710839 A CN201410710839 A CN 201410710839A CN 105701127 A CN105701127 A CN 105701127A
- Authority
- CN
- China
- Prior art keywords
- instruction
- page
- webpage
- current web
- web page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种网页页面的截图处理方法及装置,该方法包括:在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令;当接收到当前网页页面的截图请求时,获取已保存的所述当前网页页面的绘制指令;执行所述当前网页页面的绘制指令,以产生所述当前网页页面的截图。通过上述方式,本发明能够节省内存,且截图效率又高。
Description
技术领域
本发明涉及网页浏览技术领域,特别是涉及一种网页页面的截图处理方法及装置。
背景技术
移动浏览器,也叫做微型浏览器、迷你浏览器或无线互联网浏览器,是为移动设备如移动电话或PDA设计的网页浏览器。在目前的移动浏览器中,网页页面间前进后退的动画,都是使用截图去实现的。
现有技术中,截图的方式主要有两种:第一,在进入下一个网页页面后,保存上一个网页页面的截图;这种方式的优点是:获取截图快,用户感觉流畅;第二,在做前进后退的动画时,直接在网页页面缓存中,获取网页缓存进行绘制,这种方法的优点是:不占用内存。
但是,上述第一种方式非常占用内存,第二种方式效率低,需要等待网页页面绘制完成才能进行前进后退的动画。
发明内容
本发明主要解决的技术问题是提供一种网页页面的截图处理方法及装置,能够节省内存,且截图效率又高。
为解决上述技术问题,本发明采用的一个技术方案是:提供一种网页页面的截图处理方法,包括:在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令;当接收到当前网页页面的截图请求时,、获取已保存的所述当前网页页面的绘制指令;执行所述当前网页页面的绘制指令,以产生所述当前网页页面的截图。
其中,所述获取到的切换到新的网页页面的指令是用户点击打开一个新的网页页面的指令,或者是用户对网页页面进行前进后退操作的指令。
其中,所述已保存的网页页面的绘制指令是网页页面的可见区域的绘制指令。
其中,所述保存的当前网页页面的绘制指令保存在所述当前网页页面对应的历史项中。
其中,所述当接收到当前网页页面的截图请求时,获取已保存的所述当前网页页面的绘制指令之前,包括:接收用户对网页页面的前进或后退请求;根据所述前进或后退请求,产生所述当前网页页面的截图请求。
为解决上述技术问题,本发明采用的另一个技术方案是:提供一种网页页面的截图处理装置,所述装置包括:保存模块,用于在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令;获取模块,用于当接收到当前网页页面的截图请求时,获取已保存的所述当前网页页面的绘制指令;执行模块,用于执行所述当前网页页面的绘制指令,以产生所述当前网页页面的截图。
其中,所述获取到的切换到新的网页页面的指令是用户点击打开一个新的网页页面的指令,或者是用户对网页页面进行前进后退操作的指令。
其中,所述已保存的网页页面的绘制指令是网页页面的可见区域的绘制指令。
其中,所述保存的当前网页页面的绘制指令保存在所述当前网页页面对应的历史项中。
其中,所述装置还包括:接收模块,用于接收用户对网页页面的前进或后退请求;产生模块,用于根据所述前进或后退请求,产生所述当前网页页面的截图请求。
本发明的有益效果是:区别于现有技术的情况,本发明在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令;当接收到当前网页页面的截图请求时,获取已保存的当前网页页面的绘制指令;执行该绘制指令,以产生当前网页页面的截图;由于执行绘制指令,远比从缓存中重新将网页页面绘制一遍要节省时间,另外,网页页面的绘制指令只是一些操作的记录,耗费的内存远低于保存一张截图的内存,因此,通过上述方式,能够节省内存,且截图效率又高。
附图说明
图1是本发明网页页面的截图处理方法一实施方式的流程图;
图2是本发明网页页面的截图处理方法另一实施方式的流程图;
图3是本发明网页页面的截图处理装置一实施方式的结构示意图;
图4是本发明网页页面的截图处理装置另一实施方式的结构示意图。
具体实施方式
下面结合附图和实施方式对本发明进行详细说明。
参阅图1,图1是本发明网页页面的截图处理方法一实施方式的流程图,本实施方式的执行主体是浏览器,该方法包括:
步骤S101:在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令。
步骤S102:当接收到当前网页页面的截图请求时,获取已保存的所述当前网页页面的绘制指令。
步骤S103:执行所述当前网页页面的绘制指令,以产生所述当前网页页面的截图。
切换到新的网页页面的指令是指从当前的网页页面切换到新的网页页面的指令。在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令。其中,获取到的切换到新的网页页面的指令是用户点击打开一个新的网页页面的指令,或者是用户对网页页面进行前进后退操作的指令。
网页页面截图是一种保留网页页面信息、与其他人交流信息的有效方式。网页页面截图请求是在浏览器使用过程中,由特定浏览动作而触发的截图请求。例如,当用户进行页面前进或后退操作时,浏览器显示前进后退动画需要用到页面截图,这个时候就会产生截图请求。当页面前进时,产生的是前进到的页面的截图请求,当页面后退时,产生的是后退到的页面的截图请求。
浏览器中每个网页页面的绘制,都是通过Skia(是个2D向量图形处理函数库)进行绘制的,网页页面中每一个文字、每一张图片、每一块背景色,都有对应的绘制指令。在获取到切换到新的网页页面的指令后,将当前网页页面的绘制指令保存起来,当接收到当前网页页面的截图请求时,即可从已保存的网页页面的绘制指令中获取当前网页页面的绘制指令。
整个网页页面的展现,是执行一条条的绘制指令的结果。由于预先将网页页面的绘制指令保存下来,当接收到当前网页页面的截图请求时,只要当前网页页面的绘制指令已保存,那么可以从已保存的绘制指令中获取到当前网页页面的绘制指令,然后将这些绘制指令执行一遍,即可产生当前网页页面的截图。
其中,已保存的网页页面的绘制指令是网页页面的可见区域的绘制指令。为了减少绘制指令个数,提高绘制截图的速度。绘制指令中可以不包括可见区域中的标题栏、菜单栏等非页面正文内容的绘制指令。通过这种方式,可以进一步缩小需要保存的网页页面的范围,从而减少需要保存的绘制指令的个数,减小保存所需要的内存空间。
其中,保存的当前网页页面的绘制指令保存在当前网页页面对应的历史项中。通过这种方式,可以不需要额外分割存储空间,直接利用当前网页页面对应的历史项。
本发明实施方式在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令;当接收到当前网页页面的截图请求时,获取已保存的当前网页页面的绘制指令;执行该绘制指令,以产生当前网页页面的截图;由于执行绘制指令,远比从缓存中重新将网页页面绘制一遍要节省时间,另外,网页页面的绘制指令只是一些操作的记录,耗费的内存远低于保存一张截图的内存,因此,通过上述方式,能够节省内存,且截图效率又高。
参阅图2,图2是本发明网页页面的截图处理方法另一实施方式的流程图,本实施方式的执行主体是浏览器,本实施方式和图1的实施方式基本相同,相同之处请参见图1以及相应的文字说明。该方法包括:
步骤S201:在获取到切换到新的网页页面的指令后,获取并保存当前网页页面的绘制指令。具体地,可以是在获取到切换到新的网页页面的指令后,获取当前网页页面的可见区域的绘制指令,并保存在当前网页页面对应的历史项中。
获取到的切换到新的网页页面的指令,可以是用户点击打开一个新的网页页面的指令,或者是用户对网页页面进行前进后退操作的指令。
步骤S202:接收用户对网页页面的前进或后退请求。
步骤S203:根据前进或后退请求,产生当前网页页面的截图请求。
前进请求时,需要截图的网页页面是前进到的页面,后退请求时,需要截图的网页页面是后退到的页面。
步骤S204:当接收到当前网页页面的截图请求时,从已保存的网页页面的绘制指令中获取当前的网页页面的绘制指令。具体地,可以是当接收到当前网页页面的截图请求时,在当前网页页面对应的历史项中,从已保存的当前网页页面的可见区域的绘制指令中获取当前网页页面的可见区域的绘制指令。
步骤S205:执行当前网页页面的绘制指令,以产生当前网页页面的截图。具体地,可以是执行当前网页页面的可见区域的绘制指令,以产生当前网页页面的可见区域的截图。
本发明实施方式在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令;当接收到当前网页页面的截图请求时,从已保存的网页页面的绘制指令中获取当前网页页面的绘制指令;执行该绘制指令,以产生当前网页页面的截图;由于执行绘制指令,远比从缓存中重新将网页页面绘制一遍要节省时间,另外,网页页面的绘制指令只是一些操作的记录,耗费的内存远低于保存一张截图的内存,因此,通过上述方式,能够节省内存,且截图效率又高。另外,当用户对网页页面进行前进或后退时,由于截图效率高,在用于动画时,能够使得动画的响应速度很快。
将本发明网页页面的截图处理方法经过实际上线后的统计数据证实,本发明方法对于提高截图效率有非常好的效果,应用本发明方法后,浏览器获取截图的耗时普遍提高50%以上。
参阅图3,图3是本发明网页页面的截图处理装置一实施方式的结构示意图,该装置包括:保存模块101、第一获取模块102和执行模块103。
保存模块101用于在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令。
第一获取模块102用于当接收到当前网页页面的截图请求时,获取已保存的当前网页页面的绘制指令。
执行模块103用于执行当前网页页面的绘制指令,以产生当前网页页面的截图。
切换到新的网页页面的指令是指从当前的网页页面切换到新的网页页面的指令。在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令。其中,获取到的切换到新的网页页面的指令是用户点击打开一个新的网页页面的指令,或者是用户对网页页面进行前进后退操作的指令。
网页页面截图是一种保留网页页面信息、与其他人交流信息的有效方式。网页页面截图请求是在浏览器使用过程中,由特定浏览动作而触发的截图请求。例如,当用户进行页面前进或后退操作时,浏览器显示前进后退动画需要用到页面截图,这个时候就会产生截图请求。当页面前进时,产生的是前进到的页面的截图请求,当页面后退时,产生的是后退到的页面的截图请求。
浏览器中每个网页页面的绘制,都是通过Skia(是个2D向量图形处理函数库)进行绘制的,网页页面中每一个文字、每一张图片、每一块背景色,都有对应的绘制指令。在获取到切换到新的网页页面的指令后,预先将当前网页页面的绘制指令保存起来,当接收到当前网页页面的截图请求时,即可从已保存的网页页面的绘制指令中获取当前网页页面的绘制指令。
整个网页页面的展现,是执行一条条的绘制指令的结果。由于预先将网页页面的绘制指令保存下来,当接收到当前网页页面的截图请求时,只要当前网页页面的绘制指令已保存,那么可以从已保存的绘制指令中获取到当前网页页面的绘制指令,然后将这些绘制指令执行一遍,即可产生当前网页页面的截图。
其中,已保存的网页页面的绘制指令是网页页面的可见区域的绘制指令。为了减少绘制指令个数,提高绘制截图的速度。绘制指令中可以不包括可见区域中的包括标题栏、菜单栏等非页面正文内容的绘制指令。通过这种方式,可以进一步缩小需要保存的网页页面的范围,从而减少需要保存的绘制指令的个数,减小保存所需要的内存空间。
其中,保存的当前网页页面的绘制指令保存在当前网页页面对应的历史项中。通过这种方式,可以不需要额外分割存储空间,直接利用当前网页页面对应的历史项。
本发明实施方式在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令;当接收到当前网页页面的截图请求时,获取已保存的当前网页页面的绘制指令;执行该绘制指令,以产生当前网页页面的截图;由于执行绘制指令,远比从缓存中重新将网页页面绘制一遍要节省时间,另外,网页页面的绘制指令只是一些操作的记录,耗费的内存远低于保存一张截图的内存,因此,通过上述方式,能够节省内存,且截图效率又高。
参阅图4,图4是本发明网页页面的截图处理装置另一实施方式的结构示意图,本实施方式的装置和图3的装置基本相同,相同之处请参见图3和相应的文字说明。该装置包括:接收模块204、产生模块205、保存模块201、获取模块202以及执行模块203。
保存模块201用于在获取到切换到新的网页页面的指令后,获取和保存当前网页页面的绘制指令。
具体地,保存模块201用于在获取到切换到新的网页页面的指令后,获取当前网页页面的可见区域的绘制指令,并保存在当前网页页面对应的历史项中。
获取到的切换到新的网页页面的指令,可以是用户点击打开一个新的网页页面的指令,或者是用户对网页页面进行前进后退操作的指令。
接收模块204用于接收用户对网页页面的前进或后退请求。
产生模块205用于根据前进或后退请求,产生当前网页页面的截图请求。
获取模块202用于当接收到当前网页页面的截图请求时,从已保存的网页页面的绘制指令中获取当前网页页面的绘制指令。具体地,获取模块202可以是用于当接收到当前网页页面的截图请求时,在当前网页页面对应的历史项中,获取已保存的当前网页页面的可见区域的绘制指令。
执行模块203用于执行当前网页页面的绘制指令,以产生当前网页页面的截图。具体地,执行模块203可以是用于执行当前网页页面的可见区域的绘制指令,以产生当前网页页面的可见区域的截图。
本发明实施方式在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令;当接收到当前网页页面的截图请求时,从已保存的网页页面的绘制指令中获取当前网页页面的绘制指令;执行该绘制指令,以产生当前网页页面的截图;由于执行绘制指令,远比从缓存中重新将网页页面绘制一遍要节省时间,另外,网页页面的绘制指令只是一些操作的记录,耗费的内存远低于保存一张截图的内存,因此,通过上述方式,能够节省内存,且截图效率又高。另外,当用户对网页页面进行前进后退时,由于截图效率高,在用于动画时,能够使得动画的响应速度很快。
以上所述仅为本发明的实施方式,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种网页页面的截图处理方法,其特征在于,所述方法包括:
在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令;
当接收到当前网页页面的截图请求时,获取已保存的所述当前网页页面的绘制指令;
执行所述当前网页页面的绘制指令,以产生所述当前网页页面的截图。
2.根据权利要求1所述的方法,其特征在于,所述获取到的切换到新的网页页面的指令是用户点击打开一个新的网页页面的指令,或者是用户对网页页面进行前进后退操作的指令。
3.根据权利要求1所述的方法,其特征在于,所述已保存的网页页面的绘制指令是网页页面的可见区域的绘制指令。
4.根据权利要求1所述的方法,其特征在于,所述保存的当前网页页面的绘制指令保存在所述当前网页页面对应的历史项中。
5.根据权利要求1所述的方法,其特征在于,所述当接收到当前网页页面的截图请求时,获取已保存的当前网页页面的绘制指令之前,包括:
接收用户对网页页面的前进或后退请求;
根据所述前进或后退请求,产生所述当前网页页面的截图请求。
6.一种网页页面的截图处理装置,其特征在于,所述装置包括:
保存模块,用于在获取到切换到新的网页页面的指令后,保存当前网页页面的绘制指令;
获取模块,用于当接收到当前网页页面的截图请求时,获取已保存的所述当前网页页面的绘制指令;
执行模块,用于执行所述当前网页页面的绘制指令,以产生所述当前网页页面的截图。
7.根据权利要求6所述的装置,其特征在于,所述获取到的切换到新的网页页面的指令是用户点击打开一个新的网页页面的指令,或者是用户对网页页面进行前进后退操作的指令。
8.根据权利要求6所述的装置,其特征在于,所述已保存的网页页面的绘制指令是网页页面的可见区域的绘制指令。
9.根据权利要求1所述的装置,其特征在于,所述保存的当前网页页面的绘制指令保存在所述当前网页页面对应的历史项中。
10.根据权利要求1所述的装置,其特征在于,所述装置还包括:
接收模块,用于接收用户对网页页面的前进或后退请求;
产生模块,用于根据所述前进或后退请求,产生所述当前网页页面的截图请求。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410710839.4A CN105701127A (zh) | 2014-11-27 | 2014-11-27 | 网页页面的截图处理方法及装置 |
PCT/CN2015/081842 WO2016082530A1 (zh) | 2014-11-27 | 2015-06-18 | 网页页面的截图处理方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410710839.4A CN105701127A (zh) | 2014-11-27 | 2014-11-27 | 网页页面的截图处理方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105701127A true CN105701127A (zh) | 2016-06-22 |
Family
ID=56073520
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410710839.4A Pending CN105701127A (zh) | 2014-11-27 | 2014-11-27 | 网页页面的截图处理方法及装置 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN105701127A (zh) |
WO (1) | WO2016082530A1 (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109558187A (zh) * | 2017-09-27 | 2019-04-02 | 阿里巴巴集团控股有限公司 | 一种用户界面渲染方法及装置 |
CN111459381A (zh) * | 2020-03-30 | 2020-07-28 | 维沃移动通信有限公司 | 信息展示方法、电子设备及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101071380A (zh) * | 2007-06-27 | 2007-11-14 | 中兴通讯股份有限公司 | 一种图形用户界面的截取和重现方法 |
US20120084354A1 (en) * | 2010-04-13 | 2012-04-05 | Yuki Shinomoto | Screen shot display control apparatus, screen shot display control method, integrated circuit for screen shot display control, and server apparatus |
CN102521020A (zh) * | 2011-10-26 | 2012-06-27 | 华为终端有限公司 | 用于移动终端的应用屏幕截图方法和装置 |
CN103970598A (zh) * | 2011-10-26 | 2014-08-06 | 华为终端有限公司 | 用于移动终端的应用屏幕截图方法和装置 |
-
2014
- 2014-11-27 CN CN201410710839.4A patent/CN105701127A/zh active Pending
-
2015
- 2015-06-18 WO PCT/CN2015/081842 patent/WO2016082530A1/zh active Application Filing
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101071380A (zh) * | 2007-06-27 | 2007-11-14 | 中兴通讯股份有限公司 | 一种图形用户界面的截取和重现方法 |
US20120084354A1 (en) * | 2010-04-13 | 2012-04-05 | Yuki Shinomoto | Screen shot display control apparatus, screen shot display control method, integrated circuit for screen shot display control, and server apparatus |
CN102521020A (zh) * | 2011-10-26 | 2012-06-27 | 华为终端有限公司 | 用于移动终端的应用屏幕截图方法和装置 |
CN103970598A (zh) * | 2011-10-26 | 2014-08-06 | 华为终端有限公司 | 用于移动终端的应用屏幕截图方法和装置 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109558187A (zh) * | 2017-09-27 | 2019-04-02 | 阿里巴巴集团控股有限公司 | 一种用户界面渲染方法及装置 |
CN111459381A (zh) * | 2020-03-30 | 2020-07-28 | 维沃移动通信有限公司 | 信息展示方法、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2016082530A1 (zh) | 2016-06-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP3855312A1 (en) | Information processing method, device, storage medium, electronic device and system | |
KR20200043467A (ko) | 웹페이지 콘텐츠를 추출하기 위한 방법 및 단말 장치 | |
CN105307030A (zh) | 弹幕显示方法及装置 | |
CN103034729B (zh) | 网页绘制***和方法 | |
US10127955B2 (en) | Memory activation method and apparatus, and memory controller | |
CN105869199B (zh) | 用于处理动画的装置和方法 | |
EP3161665B1 (en) | Summary data autofill | |
CN106886544A (zh) | 一种数据处理方法及装置 | |
CN104850388A (zh) | 网页绘制方法及装置 | |
CN104899227A (zh) | 一种网页文字渲染方法及装置 | |
US8881002B2 (en) | Trial based multi-column balancing | |
CN104391641A (zh) | 信息处理方法及装置 | |
US9754391B2 (en) | Webpage display method and apparatus | |
CN105701127A (zh) | 网页页面的截图处理方法及装置 | |
CN105095289A (zh) | 网页访问方法及装置 | |
CN101986289B (zh) | 一种提高浏览器页面渲染速度的方法和装置 | |
US11157688B2 (en) | Enhanced indicators for identifying affected data | |
US11438403B2 (en) | Page presentation method and system, computer system, and computer readable medium | |
US20130120424A1 (en) | Method and apparatus for improved rendering of images | |
KR100938992B1 (ko) | 애니메이션 폰트파일 구조 및 휴대용 단말기의 텍스트 출력방법 | |
US9092406B2 (en) | Creating a text-editable web page using a word processor | |
CN105511642A (zh) | 一种输入方法及装置 | |
CN105022734A (zh) | 一种背景色设置方法及装置 | |
US9087107B2 (en) | Rank-specific search results | |
CN105022655A (zh) | 浏览器使用纹理的方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160622 |