CN106095460B - 实现终端内嵌浏览器优化网页加载的系统及方法 - Google Patents
实现终端内嵌浏览器优化网页加载的系统及方法 Download PDFInfo
- Publication number
- CN106095460B CN106095460B CN201610453079.2A CN201610453079A CN106095460B CN 106095460 B CN106095460 B CN 106095460B CN 201610453079 A CN201610453079 A CN 201610453079A CN 106095460 B CN106095460 B CN 106095460B
- Authority
- CN
- China
- Prior art keywords
- web page
- browser
- new
- file
- webpage
- 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.)
- Active
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/44—Arrangements for executing specific programs
- G06F9/4401—Bootstrapping
- G06F9/4416—Network booting; Remote initial program loading [RIPL]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Computer Security & Cryptography (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明涉及一种实现终端内嵌浏览器优化网页加载的系统及方法,其中系统包括主应用模块和新网页处理模块,新网页处理模块用以接收新网页文件并进行处理;主应用模块包括:原网页快照单元,用以获取当前浏览器显示内容的快照;新网页处理监控单元,用以监控所述的新网页处理模块的处理过程;新网页替换单元,用以将浏览器显示的快照替换为完全网页帧。采用该种结构的实现终端内嵌浏览器优化网页加载的系统及方法,通过追踪网页资源加载、布局和渲染的整个过程,找到整个网页完全渲染后的完整网页帧,并在浏览器上一次性显示该帧,从而解决浏览器网页内容“逐步显示”的问题,改善用户体验,具有更广泛的应用范围。
Description
技术领域
本发明涉及网络技术领域,尤其涉及内嵌浏览器处理技术领域,具体是指一种实现终端内嵌浏览器优化网页加载的系统及方法。
背景技术
随着智能电视技术的发展,网页浏览器也从传统的“桌面端”和“移动端”转移到了“智能电视端”。场景的转换,导致了用户对浏览器需求的变化。目前,市面上智能电视与用户交互的主流方式是通过内嵌“浏览器”来让用户浏览特定视频服务网站提供的内容资源。内嵌“浏览器”与一般浏览器的显著不同是使用全屏模式,没有浏览器窗口和界面,完全嵌入到智能电视的用户界面逻辑中.用户通过遥控器来浏览视频网站页面内容,感觉不到浏览器的存在。
浏览器的运行机制存在一个固有的特点:网页的加载和渲染是逐步进行的,从而导致网页的内容是逐步显示的,并不是整个网页的内容渲染完成后再显示出来。然而,对于智能电视的应用场景来说,用户不知道内嵌“浏览器”的存在,但是他能够感觉到电视界面风格的不一致:某些界面是一次性显示出来的,而另一些界面则是从空白到内容逐步显示出来(伴随一种闪烁感)。这种不一致性,导致了糟糕的用户体验。
发明内容
本发明的目的是克服了上述现有技术的缺点,提供了一种能够实现解决浏览器网页内容逐步显示的问题、改善用户体验、具有更广泛应用范围的实现终端内嵌浏览器优化网页加载的系统及方法。
为了实现上述目的,本发明的实现终端内嵌浏览器优化网页加载的系统及方法具有如下构成:
该实现终端内嵌浏览器优化网页加载的系统及方法,其主要特点是,所述的系统包括主应用模块和新网页处理模块,所述的新网页处理模块用以接收新网页文件,并将其处理成在浏览器显示的网页帧;所述的主应用模块包括:
原网页快照单元,用以在接收到新网页加载指令时获取当前浏览器显示内容的快照,并将所述的快照在浏览器持续显示;
新网页处理监控单元,用以监控所述的新网页处理模块的处理过程,并在处理结果满足系统预设的显示需求时标记当前的状态为合格;
新网页替换单元,用以将状态标记为合格时合成的网页帧标记为完全网页帧,并将浏览器显示的快照移除,然后从所述的完全网页帧开始,在浏览器上显示后续网页帧。
本发明还涉及一种实现终端内嵌浏览器优化网页加载的方法,其特征在于,所述的方法包括以下步骤:
(1)所述的原网页快照单元在接收到新网页加载指令时获取当前浏览器显示内容的快照,并将所述的快照在浏览器持续显示;
(2)所述的新网页处理监控单元监控所述的新网页处理模块的处理过程,并在处理结果满足系统预设的显示需求时标记当前的状态为合格;
(3)所述的新网页替换单元将状态标记为合格时合成的网页帧标记为完全网页帧,并将浏览器显示的快照移除,然后从所述的完全网页帧开始,在浏览器上显示后续网页帧。
通过采用本发明的上述系统及方法,在智能电视的使用场景下,在接收到切换网页指令时首先获取当前浏览器显示页面的快照并作为遮罩持续显示在浏览器上,通过追踪网页资源加载、布局和渲染的整个过程,找到整个网页完全渲染后的完整网页帧,并在浏览器上一次性显示该帧;由于遮罩的存在,浏览器不会显示出不完整的变化的网页,从而解决浏览器网页内容“逐步显示”的问题,改善了用户体验。
可选地,在本发明的一个实施例中定义,新主网页文件和必要网页资源加载至满足一定比例且布局完成时,所述的新网页处理监控单元标记当前的状态为合格,与合格状态对应的渲染合成的网页帧即为完全网页帧,这里的一定比例指的是满足系统预设现实需求的比例,此处的必要网页资源文件为预设类型规格的网页资源文件。
所述的新主网页文件包括html文件,所述的必要网页资源包括javascript文件、css文件、图片文件、svg文件和xsl/xslt格式文件。
此处只是对完全网页帧的一个举例,本发明的系统和方法中各种可配置的资源或数值,可以由设备生产厂家在出厂前设置好或开放管理员端口,由管理员端口后期上门调配,也可以适当开放端口给用户,由用户进行自定义的选择更改,具有更大的自由性和灵活性。
可选地,所述的新网页处理模块包括加载单元、布局单元和渲染单元,所述的步骤(2),包括以下步骤:
(2-1)所述的加载单元从网页服务器接收新主网页文件和新网页资源至浏览器;
(2-2)所述的布局单元将加载单元接收的新主网页文件和新网页资源解析成数个节点,并确定每个节点在浏览器上的显示参数;
(2-3)所述的新网页处理监控单元在处理结果满足系统预设的显示需求时标记当前的状态为合格;
(2-4)所述的渲染单元根据每个节点在浏览器上的显示参数进行绘制,并合成网页帧。
可选地,本发明的终端为智能电视终端,具体地可以是智能电视或智能机顶盒。
通过采用本发明的实现终端内嵌浏览器优化网页加载的系统及方法,具有如下有益技术效果:
(1)在智能电视终端的使用场景下,在接收到切换网页指令时首先获取当前浏览器显示页面的快照并作为遮罩持续显示在浏览器上,通过追踪网页资源加载、布局和渲染的整个过程,找到整个网页完全渲染后的完整网页帧,并在浏览器上一次性显示该帧;由于遮罩的存在,浏览器不会显示出不完整的变化的网页,从而解决浏览器网页内容“逐步显示”的问题,改善用户体验,本发明采用了现有技术中没有应用先例的方式,具有很强的独创性;
(2)本发明的系统和方法中各种可配置的类型规格和配置参数,可以由设备生产厂家在出厂前设置好或开放管理员端口,由管理员端口后期上门调配,也可以适当开放端口给用户,由用户进行自定义的选择更改,具有更大的自由性和灵活性;
(3)本发明的系统和方法可以应用于适配于智能电视终端中不同版本、不同内核的浏览器,采用其他方式处理网页文件的,只要能够从处理过程中选取一个时间点,该时间点合成的网页帧可以满足系统预设显示需求,能够给用户以良好的观看体验即可,可以通用于各种智能电视终端,也可以应用于其他内嵌浏览器的终端设备,具有更广泛的应用范围。
附图说明
图1~2为本发明的实现终端内嵌浏览器优化网页加载的系统的结构示意图。
图3为本发明的实现终端内嵌浏览器优化网页加载的方法的基本流程图。
图4为本发明的新网页加载和布局过程的流程图。
图5为本发明的选取完全网页帧和浏览器显示内容替换过程的流程图。
图6为本发明的一次渲染流程结束后继续处理新网页文件过程的流程图。
附图标记:
100 主应用模块
101 原网页快照单元
102 新网页处理监控单元
103 新网页替换单元
200 新网页处理模块
201 加载单元
202 布局单元
203 渲染单元
具体实施方式
为了能够更清楚地描述本发明的技术内容,下面结合具体实施例来进行进一步的描述。
首先对本发明所涉及到的相关概念进行如下说明:
智能电视终端:可以提供智能电视播放的平台,一般为智能电视或智能机顶盒。在本发明的一个较佳的实施例中,以智能电视终端为例来进行介绍,而本发明的应用不局限于此。
网页文件:包括主网页文件和网页资源文件,主网页文件和网页资源文件在下方进一步介绍。
主网页文件:浏览器用户请求的url地址所指向的网页服务器上的内容文件,一般为html格式文件。
网页资源文件:网页中包含的其他url地址所指向的资源文件,有多重格式,包括javascript文件、css文件、图片文件、svg文件、视频文件、flash文件等等。
加载:主网页文件和网页资源文件从网页服务器传送到浏览器的过程。
完全加载:主网页文件及其包含的,由预设的类型规格和配置参数规定的网页资源文件(例如,一种典型的类型规格包括:html文件、javascript文件、css文件、图片文件、svg文件、xsl/xslt等格式的文件,但不包括视频、音频或流媒体文件;一种典型的配置参数是:当前类型规格中各种类型文件加载完成的比例)全部都被传送到了浏览器。
布局:把主网页文件和网页资源文件解析生成dom树和渲染树,并确定渲染树上每个节点在浏览器上的相对位置和大小的过程。
渲染树:一种树状的数据结构,每个节点代表网页中的一个在浏览器上可视的元素。
渲染:把渲染树上的每个可视节点的内容都绘制出来,然后合成整个网页帧的过程。
网页帧:渲染树的某次绘制合成后的输出结果。
完全网页帧:当网页文件被完全加载后,经过布局和渲染,最后所生成的网页帧。
遮罩:当前浏览器内容的快照,该快照被显示在浏览器z坐标的最上层,它可以挡住浏览器其他层的内容,起到遮挡的作用。
为了实现上述目的,本发明提供一种实现终端内嵌浏览器优化网页加载的系统。如图1所示,所述的系统包括主应用模块100和新网页处理模块200;所述的主应用模块100包括原网页快照单元101、新网页处理监控单元102和新网页替换单元103;其中:
所述的新网页处理模块200用以从网页服务器接收新网页文件到浏览器中,并对其进行处理,对于新网页文件的处理过程可以根据浏览器不同而不同,但目的都是将从网页服务器接收到的新网页文件处理成可以在浏览器显示的网页帧;原网页快照单元101,用以在接收到新网页加载指令时获取当前浏览器显示内容的快照,并将所述的快照在浏览器持续显示;这样,用户在输入了访问新网页的指令后,在新的网页准备好之前,用户看到的一直是前一次浏览器显示内容的画面;新网页处理监控单元102,用以监控所述的新网页处理模块200的处理过程,并在处理结果满足系统预设的显示需求时标记当前的状态为合格;新网页替换单元103,用以将状态标记为合格时合成的网页帧标记为完全网页帧,并将浏览器显示的快照移除,然后从所述的完全网页帧开始,在浏览器上显示所述新网页处理模块200渲染的后续网页帧。
此处系统显示需求可以根据不同情况进行定制,例如,由生产厂家在设备出厂前进行预先设置,或者开放端口可以由用户自己根据需要进行定制,具体系统显示需求的类型将在下面进一步举例介绍。完全网页帧标志着新的网页已经准备好可以显示,由浏览器进行切换,用户可以直接看到一个完整的新网页并进行各种点选操作,而不会出现逐步显示的效果。此处对主应用模块100的单元划分是功能性的划分,即根据主应用单元需要具有的功能进行了一个更细致的分类。而其他具有这些功能的技术方案,即使选用了不同的功能划分,也属于本发明的保护范围之内。
在一种较佳的实施方式中,如图2所示,所述的新网页处理模块200包括加载单元201、布局单元202和渲染单元203,其中:
加载单元201,用以从网页服务器接收主网页文件和网页资源文件至浏览器;布局单元202,用以将加载的主网页文件和网页资源文件解析成数个节点,并确定每个节点在浏览器上的显示参数;其中,解析过程可以具体为将主网页文件和网页资源文件解析成dom树和渲染树,所述的数个节点为渲染树上的节点;进一步地,所述的每个节点在浏览器上的显示参数包括每个节点在浏览器上显示的相对位置和大小;渲染单元203,用以根据每个节点在浏览器上的显示参数进行绘制,并合成网页帧。
此处对新网页处理模块200需要具有的功能进行了一个举例,并根据需要的功能进行了单元划分。在实际应用中,各种不同版本、不同品牌的浏览器的网页处理过程不尽相同,这里只是给出了一个示例。采用其他方式处理网页的,只要能够从处理过程中选取一个时间点,该时间点合成的网页帧可以满足系统预设显示需求,能够给用户以良好的观看体验,即能够实现本技术方案。
在一种更佳的实施方式中,当新网页内容加载至满足系统预设的显示需求时,所述的新网页处理监控单元102标记当前的状态为合格,与合格状态对应的渲染合成的网页帧即为完全网页帧。所述系统预设的显示需求得到满足的条件是:新网页的主网页文件和其它必要的网页资源文件已经完全加载,所述布局模块基于最新加载的网页内容完成布局,并且所述渲染单元203基于最新的渲染树合成了网页帧。
该实施例的显示需求使用预定义的类型规格和配置参数来进行定制,一种典型的类型规格包括javascript文件、css文件、图片文件、svg文件和xsl/xslt格式文件。一种典型的配置参数是:当前规格中的各种类型文件加载完成的比例。例如,所述配置参数可以规定:当前规格中所有javascript、css以及xsl/xslt类型的网页资源文件全部被加载,图片和svg类型的网页资源文件在数量上超过80%被加载,
可以发现,在所述典型的类型规格中,不包括视频、音频或流媒体文件。这是因为在一般情况下,Javascript文件、css文件、图片文件、svg文件和xsl/xslt格式文件是网页显示和提供功能所必须的资源,如果这些资源没有加载,用户会感觉显示出的页面是不完备的;而对于视频、音频或流媒体文件来说,一方面,这些文件占用空间较大、加载时间较长,如果等待这些文件完全加载,需要的时间过长,用户在点选了新的网页后长时间得不到回应,反而会降低用户的使用体验,另一方面,这些文件对于网页的整体显示效果和功能影响不大,可以在整体网页显示在浏览器上之后,根据用户对视频、音频或流媒体文件的点选而有针对性地加载,在节省时间的同时也提升了用户体验。
在一种更进一步的实施方式中,所述预定义的配置参数可以规定:类型规格中所有类型的网页资源文件都必需100%加载。这里只是对满足系统显示需求的情况进行了举例,此处指出的加载至100%也只是一种具体的实施方式。在实际应用中,系统显示需求可以通过类型规格和配置参数来进行配置,可以由设备厂家在出厂时设置好对应的配置文件,也可以开放接口由用户来设置。
例如,用户需要较高的用户体验时,可以将配置参数中的加载百分比设置得较高一些,例如,可以设置加载到90%时才标记完全网页帧,这样显示的就是一个比较完整的新网页;又或者,当用户需要快速浏览模式时,可以适当降低该百分比,比如降低至加载70%时即标记完全网页帧,这样在加载至70%时用户就可以看到新网页并且在已经显示的新网页上进行进一步的操作,既缩短了用户等待的时间,又在原基础上略过了新网页加载至70%过程中的逐步显示,属于两者中和的一种方式。
下面,结合上述系统和附图3~6(图3~6中的步骤标号与下文中步骤标号一一对应),给出一个在实际应用中的具体实施例来进一步清楚展示本发明的实现终端内嵌浏览器优化网页加载的方法的技术方案:
(S1)当用户用遥控器切换网页时,即在浏览器在装载新的网页之前,所述的原网页快照单元101首先缓存当前的浏览器快照作为“遮罩”,保持在浏览器z坐标的最上层显示,挡住下层新网页逐步显示的内容。
在智能电视终端中,由于内嵌浏览器是全屏显示的,浏览器的工作区(即网页显示的区域)就是整个浏览器。这样从用户的角度来看,浏览器上的内容保持不变。其中,用户切换网页的方式有多种,可以是在浏览器的地址栏直接输入新网页的url,或者在原网页上点击一个网页链接等,或者是根据用户的预先设置,经过设定时间后自动切换界面等等。
(S2)让浏览器开始加载新的网页,即新网页处理模块200开始处理新网页文件。所述的加载单元201在加载网页的同时,所述的布局单元202和渲染单元203会开始布局、渲染和显示网页(尽管网页的资源不一定加载完成了),即加载、布局和渲染是并行进行的,这样可以节省用户的等待时间。
在新网页文件处理过程中,由于浏览器的最上层有遮罩挡着,用户看不到新网页内容的逐步显示过程;所述的新网页处理监控单元102检测到新网页资源加载完成的消息后,监视网页的布局和渲染(绘制与合成)过程,确定合格状态;这一步骤具体包括如下子步骤:
(S2-1)所述的加载单元201从网页服务器接收主网页文件和网页资源文件至浏览器;
(S2-2)所述的布局单元202将加载的主网页文件和网页资源文件解析成dom树和渲染树,并确定渲染树上每个节点在浏览器上的显示参数,所述的显示参数包括每个节点在浏览器上显示的相对位置和大小;
(S2-3)所述的新网页处理监控单元102在处理结果满足系统预设的显示需求时标记当前的状态为合格;
(S2-4)所述的渲染单元203根据每个节点在浏览器上的显示参数进行绘制,并合成网页帧。
在本实施例的新网页处理监控单元102的检测方法为:浏览器在每一次触发渲染时,让新网页处理监控单元102判断当前网页是否已经被完全加载,如果是,判断布局是否完成,如果是,则判断当前状态合格;这一方式具体包括如下子步骤:
(S2-3-1)当触发网页渲染流程时所述的新网页处理监控单元102判断新主网页文件和必要网页资源文件是否加载至满足系统预设显示需求的比例,如果是,则继续步骤(S2-3-2),否则,继续步骤(S 2-4);
(S2-3-2)所述的新网页处理监控单元102判断新主网页文件和必要网页资源文件是否已经布局完成,如果是,则继续步骤(S2-3-3),否则继续步骤(S2-4);
(S2-3-3)所述的新网页处理监控单元102标记当前状态为合格。
其中,如上所述,新网页包括html文件,所述的必要网页资源文件包括javascript文件、css文件、图片文件、svg文件和xsl/xslt格式文件,具体地,新主网页文件和必要网页资源文件的文件类型可以根据预定义的类型规格和配置参数进行配置,可以由设备生产厂家在出厂前设置好并且可以开放管理员端口,由管理员后期可以根据实际网络状态和用户需求进行调配。另外,如上所述,满足系统预设显示需求的比例也是可以更改的。如果系统显示需求很高,可以直接设置成100%,或者在用户等待时间和加载完善度之间选一个中间值,都不违背本技术方案的思想。
(S3)所述的新网页替换单元103找到一个“完全网页帧”并做上标记;当“完全网页帧”最终被送到浏览器上显示时,浏览器撤掉之前保持在浏览器上层的“遮罩”,露出下层的“完全网页帧”,这样,用户看到的就是一个完整的新网页,而不会看到逐步显示的过程,提升了用户的观看体验。
这一步骤具体包括如下子步骤:
(S3-1)所述的新网页替换单元103判断所述的渲染单元203合成的网页帧对应的状态是否合格,如果是,则继续步骤(S3-2),否则继续步骤(S3-4);
(S3-2)所述的新网页替换单元103标记该网页帧为完全网页帧,然后继续步骤(S3-3);
(S3-3)所述的新网页替换单元103将浏览器显示的快照移除,然后从所述的完全网页帧开始,在浏览器上显示后续网页帧,然后继续步骤(S3-4);
(S3-4)所述的新网页替换单元103保持所述的快照继续显示于所述的浏览器上,然后继续步骤(S3-5);
(S3-5)所述的新网页处理监控单元102判断新网页是否处理完成,如果是,则结束退出,否则继续步骤(S2)。
本发明中所提到的完全网页帧,是从用户体验的角度提出的一个概念,这个概念由显示需求来描述,由类型规格和配置参数来定制.不同的类型规格和配置参数体现了不同用户在不同场景下对网页渲染完成度的定义,体现了用户的偏好.类型规格和配置参数是一种经验参数,可以由设备厂家在对用户使用习惯进行调查的基础上进行一个默认配置,然后开放用户接口,使得用户可以根据自己的偏好进行设置.本实施例中对于方法的步骤和子步骤的一个描述,也示例性的,在实际应用中,也不仅仅限于该具体实施例的内容,其中新网页处理过程、完全网页帧的选择过程等均可以有多种变体,可以适配于各种不同版本、不同内核的浏览器。
通过采用本发明的实现终端内嵌浏览器优化网页加载的系统及方法,具有如下有益技术效果:
(1)在智能电视终端的使用场景下,在接收到切换网页指令时首先获取当前浏览器显示页面的快照并作为遮罩持续显示在浏览器上,通过追踪网页资源加载、布局和渲染的整个过程,找到整个网页完全渲染后的完整网页帧,并在浏览器上一次性显示该帧;由于遮罩的存在,浏览器不会显示出不完整的变化的网页,从而解决浏览器网页内容“逐步显示”的问题,改善用户体验,本发明采用了现有技术中没有应用先例的方式,具有很强的独创性;
(2)本发明的系统和方法中各种可配置的类型规格和配置参数,可以由设备生产厂家在出厂前设置好或开放管理员端口,由管理员端口后期上门调配,也可以适当开放端口给用户,由用户进行自定义的选择更改,具有更大的自由性和灵活性;
(3)本发明的系统和方法可以应用于适配于智能电视终端中不同版本、不同内核的浏览器,采用其他方式处理网页文件的,只要能够从处理过程中选取一个时间点,该时间点合成的网页帧可以满足系统预设显示需求,能够给用户以良好的观看体验即可,可以通用于各种智能电视终端,也可以应用于其他内嵌浏览器的终端设备,具有更广泛的应用范围。
在此说明书中,本发明已参照其特定的实施例作了描述。但是,很显然仍可以作出各种修改和变换而不背离本发明的精神和范围。因此,说明书和附图应被认为是说明性的而非限制性的。
Claims (17)
1.一种实现终端内嵌浏览器优化网页加载的系统,其特征在于,所述的系统包括主应用模块和新网页处理模块,所述的新网页处理模块用以接收新网页文件,并将其处理成在浏览器显示的网页帧;所述的主应用模块包括:
原网页快照单元,用以在接收到新网页加载指令时获取当前浏览器显示内容的快照,并将所述的快照在浏览器持续显示;
新网页处理监控单元,用以监控所述的新网页处理模块的处理过程,并在处理结果满足系统预设的显示需求时标记当前的状态为合格;
新网页替换单元,用以将状态标记为合格时合成的网页帧标记为完全网页帧,完全网页帧标志着新的网页已经准备好可以显示,并将浏览器显示的快照移除,然后从所述的完全网页帧开始,在浏览器上显示后续网页帧。
2.根据权利要求1所述的实现终端内嵌浏览器优化网页加载的系统,其特征在于,所述的新网页处理模块包括:
加载单元,用以从网页服务器接收新主网页文件和新网页资源文件至浏览器;
布局单元,用以将加载单元接收的新主网页文件和新网页资源文件解析成数个节点,并确定每个节点在浏览器上的显示参数;
渲染单元,用以根据每个节点在浏览器上的显示参数进行绘制,并合成网页帧。
3.根据权利要求2所述的实现终端内嵌浏览器优化网页加载的系统,其特征在于,所述的布局单元用以将新主网页文件和新网页资源文件解析成dom树和渲染树,所述的数个节点为渲染树上的节点。
4.根据权利要求2所述的实现终端内嵌浏览器优化网页加载的系统,其特征在于,所述的每个节点在浏览器上的显示参数包括每个节点在浏览器上显示的相对位置和大小。
5.根据权利要求2所述的实现终端内嵌浏览器优化网页加载的系统,其特征在于,新主网页文件和必要网页资源文件加载至满足系统预设显示需求的比例且布局完成时,所述的新网页处理监控单元标记当前的状态为合格,所述的必要网页资源文件为预设类型规格的网页资源文件。
6.根据权利要求5所述的实现终端内嵌浏览器优化网页加载的系统,其特征在于,所述的新主网页文件包括html文件,所述的必要网页资源文件包括javascript文件、css文件、图片文件、svg文件和xsl/xslt格式文件。
7.根据权利要求5所述的实现终端内嵌浏览器优化网页加载的系统,其特征在于,所述的新主网页文件和必要网页资源文件加载至100%时且布局完成时,所述的新网页处理监控单元标记当前的状态为合格。
8.根据权利要求1所述的实现终端内嵌浏览器优化网页加载的系统,其特征在于,所述的终端为智能电视终端。
9.一种基于权利要求1至8中任一项所述的系统的实现终端内嵌浏览器优化网页加载的方法,其特征在于,所述的方法包括以下步骤:
(1)所述的原网页快照单元在接收到新网页加载指令时获取当前浏览器显示内容的快照,并将所述的快照在浏览器持续显示;
(2)所述的新网页处理监控单元监控所述的新网页处理模块的处理过程,并在处理结果满足系统预设的显示需求时标记当前的状态为合格;
(3)所述的新网页替换单元将状态标记为合格时合成的网页帧标记为完全网页帧,并将浏览器显示的快照移除,然后从所述的完全网页帧开始,在浏览器上显示后续网页帧。
10.根据权利要求9所述的实现终端内嵌浏览器优化网页加载的方法,其特征在于,所述的新网页处理模块包括加载单元、布局单元和渲染单元,所述的步骤(2),包括以下步骤:
(2-1)所述的加载单元从网页服务器接收新主网页文件和新网页资源文件至浏览器;
(2-2)所述的布局单元将加载单元接收的新主网页文件和新网页资源文件解析成数个节点,并确定每个节点在浏览器上的显示参数;
(2-3)所述的新网页处理监控单元在处理结果满足系统预设的显示需求时标记当前的状态为合格;
(2-4)所述的渲染单元根据每个节点在浏览器上的显示参数进行绘制,并合成网页帧。
11.根据权利要求10所述的实现终端内嵌浏览器优化网页加载的方法,其特征在于,所述的布局单元将加载单元接收的新主网页文件和新网页资源文件解析成数个节点,具体为:
所述的布局单元将新主网页文件和新网页资源文件解析成dom树和渲染树,所述的数个节点为渲染树上的节点。
12.根据权利要求10所述的实现终端内嵌浏览器优化网页加载的方法,其特征在于,所述的每个节点在浏览器上的显示参数包括每个节点在浏览器上显示的相对位置和大小。
13.根据权利要求10所述的实现终端内嵌浏览器优化网页加载的方法,其特征在于,新主网页文件和必要网页资源文件加载至满足系统预设显示需求的比例且布局完成时,所述的新网页处理监控单元标记当前的状态为合格。
14.根据权利要求13所述的实现终端内嵌浏览器优化网页加载的方法,其特征在于,所述的步骤(2-3),包括以下步骤:
(2-3-1)当触发网页渲染流程时所述的新网页处理监控单元判断新主网页文件和必要网页资源文件是否加载至满足系统预设显示需求的比例,所述的必要网页资源文件为预设类型规格的网页资源文件,如果是,则继续步骤(2-3-2),否则,继续步骤(2-4);
(2-3-2)所述的新网页处理监控单元判断新主网页文件和必要网页资源文件是否已经布局完成,如果是,则继续步骤(2-3-3),否则继续步骤(2-4);
(2-3-3)所述的新网页处理监控单元标记当前状态为合格。
15.根据权利要求13所述的实现终端内嵌浏览器优化网页加载的方法,其特征在于,所述的新主网页文件包括html文件,所述的必要网页资源文件包括javascript文件、css文件、图片文件、svg文件和xsl/xslt格式文件。
16.根据权利要求13所述的实现终端内嵌浏览器优化网页加载的方法,其特征在于,所述的新主网页文件和必要网页资源文件加载至100%时,当前所述的渲染单元合成的网页帧满足系统预设需求。
17.根据权利要求10所述的实现终端内嵌浏览器优化网页加载的方法,其特征在于,所述的步骤(3),包括以下步骤:
(3-1)所述的新网页替换单元判断所述的渲染单元合成的网页帧对应的状态是否合格,如果是,则继续步骤(3-2),否则继续步骤(3-4);
(3-2)所述的新网页替换单元标记该网页帧为完全网页帧,然后继续步骤(3-3);
(3-3)所述的新网页替换单元将浏览器显示的快照移除,然后从所述的完全网页帧开始,在浏览器上显示后续网页帧,然后继续步骤(3-4);
(3-4)所述的新网页替换单元保持所述的快照继续显示于所述的浏览器上,然后继续步骤(3-5);
(3-5)所述的新网页处理监控单元判断新网页是否处理完成,如果是,则结束退出,否则继续步骤(2)。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610453079.2A CN106095460B (zh) | 2016-06-21 | 2016-06-21 | 实现终端内嵌浏览器优化网页加载的系统及方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610453079.2A CN106095460B (zh) | 2016-06-21 | 2016-06-21 | 实现终端内嵌浏览器优化网页加载的系统及方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106095460A CN106095460A (zh) | 2016-11-09 |
CN106095460B true CN106095460B (zh) | 2019-05-07 |
Family
ID=57238277
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610453079.2A Active CN106095460B (zh) | 2016-06-21 | 2016-06-21 | 实现终端内嵌浏览器优化网页加载的系统及方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106095460B (zh) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106651992B (zh) * | 2016-11-18 | 2021-01-01 | 武汉斗鱼网络科技有限公司 | 优化Android资源图片的方法及系统 |
CN107025111A (zh) * | 2017-03-17 | 2017-08-08 | 烽火通信科技股份有限公司 | 一种浏览器目标页面整屏切换显示的方法及系统 |
CN108733738B (zh) * | 2017-04-25 | 2023-04-07 | 腾讯科技(深圳)有限公司 | 一种页面加载方法、系统、服务器及终端 |
CN107943377A (zh) * | 2017-11-17 | 2018-04-20 | 深圳乐信软件技术有限公司 | 一种列表加载到展示的过渡方法、装置、终端和存储介质 |
CN112559098B (zh) * | 2019-09-26 | 2022-04-26 | 华为技术有限公司 | 一种卡片渲染方法及电子设备 |
CN112632436A (zh) * | 2019-10-09 | 2021-04-09 | 腾讯科技(深圳)有限公司 | 一种网页显示方法、装置、电子设备及存储介质 |
CN112650546B (zh) * | 2019-10-11 | 2022-06-10 | 华为技术有限公司 | 一种页面显示方法及穿戴设备 |
CN113626739B (zh) * | 2021-06-30 | 2023-07-18 | 苏州浪潮智能科技有限公司 | 一种网站渲染路径加速优化方法及系统 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6944817B1 (en) * | 1997-03-31 | 2005-09-13 | Intel Corporation | Method and apparatus for local generation of Web pages |
CN102902815A (zh) * | 2012-10-23 | 2013-01-30 | 北京奇虎科技有限公司 | 用于搜索引擎的结果展示系统 |
CN102902816A (zh) * | 2012-10-23 | 2013-01-30 | 北京奇虎科技有限公司 | 搜索结果显示方法、系统及客户端 |
CN103294688A (zh) * | 2012-02-24 | 2013-09-11 | 宇龙计算机通信科技(深圳)有限公司 | 网页浏览方法及系统 |
CN103530292A (zh) * | 2012-07-02 | 2014-01-22 | 阿里巴巴集团控股有限公司 | 网页显示方法和装置 |
CN103678487A (zh) * | 2013-11-08 | 2014-03-26 | 北京奇虎科技有限公司 | 一种网页快照的生成方法和装置 |
CN105339932A (zh) * | 2013-06-09 | 2016-02-17 | 苹果公司 | 浏览器驱动的功率节省 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101819508B1 (ko) * | 2011-07-25 | 2018-03-02 | 삼성전자주식회사 | 휴대용 단말기에서 어플리케이션의 테마를 변경하기 위한 장치 및 방법 |
-
2016
- 2016-06-21 CN CN201610453079.2A patent/CN106095460B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6944817B1 (en) * | 1997-03-31 | 2005-09-13 | Intel Corporation | Method and apparatus for local generation of Web pages |
CN103294688A (zh) * | 2012-02-24 | 2013-09-11 | 宇龙计算机通信科技(深圳)有限公司 | 网页浏览方法及系统 |
CN103530292A (zh) * | 2012-07-02 | 2014-01-22 | 阿里巴巴集团控股有限公司 | 网页显示方法和装置 |
CN102902815A (zh) * | 2012-10-23 | 2013-01-30 | 北京奇虎科技有限公司 | 用于搜索引擎的结果展示系统 |
CN102902816A (zh) * | 2012-10-23 | 2013-01-30 | 北京奇虎科技有限公司 | 搜索结果显示方法、系统及客户端 |
CN105339932A (zh) * | 2013-06-09 | 2016-02-17 | 苹果公司 | 浏览器驱动的功率节省 |
CN103678487A (zh) * | 2013-11-08 | 2014-03-26 | 北京奇虎科技有限公司 | 一种网页快照的生成方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN106095460A (zh) | 2016-11-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106095460B (zh) | 实现终端内嵌浏览器优化网页加载的系统及方法 | |
CN103150745B (zh) | 在线编辑图片的方法和装置 | |
US7225225B2 (en) | Selective synchronization of web browsers | |
CN103268361B (zh) | 网页中隐藏url的提取方法、装置和系统 | |
CN105955888B (zh) | 一种页面调试预览方法及系统 | |
US6973619B1 (en) | Method for generating display control information and computer | |
CN103546821B (zh) | 一种视频播放界面调整的方法和装置 | |
CN103677942B (zh) | 一种移动终端浏览网络图片的方法和装置 | |
TW535081B (en) | Method and system of fulfilling requests for information from a network client | |
CN108664296A (zh) | 一种页面渲染方法和装置、一种页面处理方法和装置 | |
US9612715B2 (en) | Real-time preview of uniform resource identifier addressable dynamic content | |
CN103577392B (zh) | 基于当前浏览页面的关键词推送方法及装置 | |
US6904569B1 (en) | Link-level browser instance control | |
CN106878361A (zh) | 一种终端应用页面的调试方法、装置及客户端 | |
JP2010134934A (ja) | ウェブページをモバイル端末で表示可能な形態にトランスコーディングする方法及び装置 | |
CN104144357B (zh) | 视频播放方法和系统 | |
CN108023918A (zh) | 一种服务信息获取方法、装置及系统 | |
CN106572139A (zh) | 多终端控制方法、终端、服务器和系统 | |
CN102662837A (zh) | 一种浏览器的测试方法和系统 | |
CN108268260A (zh) | 一种基于一体化支撑技术的快速微应用组装方法 | |
CN116483488A (zh) | 屏幕显示方法、装置、电子设备和可读存储介质 | |
CN108984070B (zh) | 用于热力图成像的方法、装置、电子设备及可读介质 | |
CN110968314A (zh) | 一种页面生成方法及装置 | |
CN105898608A (zh) | 视频播放控制方法及浏览器 | |
JP2019021272A (ja) | 情報処理システム、情報処理方法、情報処理プログラムおよび検索端末 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |