CN104978181B - 一种页面显示方法、终端和装置 - Google Patents
一种页面显示方法、终端和装置 Download PDFInfo
- Publication number
- CN104978181B CN104978181B CN201410261916.2A CN201410261916A CN104978181B CN 104978181 B CN104978181 B CN 104978181B CN 201410261916 A CN201410261916 A CN 201410261916A CN 104978181 B CN104978181 B CN 104978181B
- Authority
- CN
- China
- Prior art keywords
- terminal
- target page
- screen
- resource block
- display
- 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
Images
Landscapes
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明实施例公开了一种页面显示方法、终端和装置，该方法可包括：终端对页面的元素进行渲染，其中，被渲染的元素包括所述目标页面的起始元素；当渲染得到的显示内容能够铺满所述终端的显示区域时，所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。本发明实施例可以提高页面的首屏内容显示速度，以及节约终端的功耗。
Description
技术领域
本发明涉及互联网技术领域，尤其涉及一种页面显示方法、终端和装置。
背景技术
页面是互联网技术领域是一种十分常见的信息载体，用户利用终端通过访问页面浏览新闻、小说、图片、社交信息等。而往往一个页面的内容会比较丰富，而终端的屏幕的尺寸是固定，即终端的屏幕一次无法将页面的所有内容全部显示，即屏幕每一次只能显示页面内容中的一部分。
在实际中，终端显示某一页面的过程是：终端接收服务器发送的页面所有信息，终端再对所有信息进行解析、创建元素和渲染排版，以构造完整个页面后，再显示该页面。其中，显示时最开始只会显示出该页面的第一份内容，即该页面的首屏内容，后续的内容需要通过用户进行拖动操作才进行显示。而页面的首屏内容是会包括该页面内容的概要信息和标题等，往往用户最关心也是页面的首屏内容。而在上述技术中，终端显示首屏内容时，必须是在构造完整个页面后，才可以显示的，这样当页面比较丰富时，即终端的屏幕一次无法显示页面的所有内容时，首屏内容显示会比较慢；且很多时候用户往往只需要查看页面的首屏内容就行，而该页面的非首屏内容用户可能是不需要查看的(例如：用户查看一个新闻的页面，用户可能看该新闻的摘要后，就不想继续看了)，这样终端构造的该页面的非首屏内容就得不到利用，从而浪费终端的功耗。
可见，上述技术中，页面的首屏内容显示速度比较慢，且容易浪费终端的功耗。
发明内容
本发明实施例提供了一种页面显示方法、终端和装置，可以解决页面的首屏内容显示速度比较慢，且容易浪费终端的功耗的问题。
第一方面，本发明实施例提供的一种页面显示方法，包括：
终端对页面的元素进行渲染，其中，被渲染的元素包括所述目标页面的起始元素；
当渲染得到的显示内容能够铺满所述终端的显示区域时，所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。
第二方面，本发明提供一种页面显示方法，包括：
接收终端发送的用于请求获取目标页面的链接请求，所述链接请求携带有所述终端的参数信息；
根据所述参数信息获取所述终端对应的首屏信息，所述首屏信息用于表示所述目标页面相对于所述终端的首屏位置的元素；
向所述终端发送所述目标页面的资源和所述首屏信息，以使所述终端对所述目标页面的资源进行解析，创建该资源的解析结果的元素，当所述首屏信息表示的位于首屏位置的元素被创建完时，由所述终端对所述位于首屏位置的元素进行渲染，当渲染得到的显示内容能够铺满所述终端的显示区域时，由所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。
第三方面，本发明提供一种页面显示终端，包括：第一渲染单元和显示单元，其中：
所述第一渲染单元，用于对页面的元素进行渲染，其中，被渲染的元素包括所述目标页面的起始元素；
所述显示单元，用于当所述第一渲染单元渲染得到的显示内容能够铺满所述终端的显示区域时，将所述显示内容作为所述目标页面的首屏内容进行显示。
第四方面，本发明提供一种页面显示装置，包括：接收单元、获取单元和发送单元，其中：
所述接收单元，用于接收终端发送的用于请求获取目标页面的链接请求，所述链接请求携带有所述终端的参数信息；
所述获取单元，用于根据所述参数信息获取所述终端对应的首屏信息，所述首屏信息用于表示所述目标页面相对于所述终端的首屏位置的元素；
所述发送单元，用于向所述终端发送所述目标页面的资源和所述首屏信息，以使所述终端对所述目标页面的资源进行解析，创建该资源的解析结果的元素，当所述首屏信息表示的位于首屏位置的元素被创建完时，由所述终端对所述位于首屏位置的元素进行渲染，当渲染得到的显示内容能够铺满所述终端的显示区域时，由所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。
上述技术方案中，终端对目标页面的元素进行渲染，当渲染得到的显示内容能够铺满所述终端的显示区域时，所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。由于只需要渲染能够铺满所述终端的显示区域的显示内容，就将该显示内容作为所述目标页面的首屏内容进行显示，相比现有技术需要将页面的所有内容全部渲染，本发明可以提高页面的首屏内容显示速度，以及节约终端的功耗。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的一种可选的终端的显示区域的示意图；
图2是本发明实施例提供的一种页面显示方法的流程示意图；
图3是本发明实施例提供的另一种页面显示方法的流程示意图；
图4是本发明实施例提供的另一种页面显示方法的流程示意图；
图5是本发明实施例提供的另一种页面显示方法的流程示意图；
图6是本发明实施例提供的另一种页面显示方法的流程示意图；。
图7是本发明实施例提供的一种页面显示终端的结构示意图；
图8是本发明实施例提供的另一种页面显示终端的结构示意图；
图9是本发明实施例提供的另一种页面显示终端的结构示意图；
图10是本发明实施例提供的另一种页面显示终端的结构示意图；
图11是本发明实施例提供的一种页面显示装置的结构示意图；
图12是本发明实施例提供的另一种页面显示装置的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本发明实施例中，页面可以是终端能够显示的任何页面，另外，页面可以理解为网页。本发明实施例中的终端可以任何具备通信和显示功能的设备，例如：平板电脑、手机、电子阅读器、遥控器、个人计算机(Personal Computer，PC)、笔记本电脑、车载设备、网络电视、可穿戴设备等具有网络功能的智能设备。
另外，本发明实施例中，首屏内容可以是指页面最先显示的内容，或者第一屏显示的内容，即首屏内容会包括页面的起始内容(例如：一个小说章节的页面，访页面的首屏内容会包括该章节的名称，以及该章节的第一段文字等)。由于页面内容较多，而终端的屏幕尺寸固定，这样一个页面需要通过多屏才可以显示完所有内容，即一个页面可以包括首屏内容、第二屏内容、第三屏内容等等。
另外，本发明实施例，显示区域可以是终端的屏幕中用于显示页面的区域，例如：屏幕在显示某页面时，屏幕显示的内容一般会包括页面内容和工具栏(例如：显示浏览器的控制区域，或者显示浏览器网址的区域，或者显示终端上运行的应用程序图标的区域)，或者还会包括状态栏(例如：显示终端的电池、信号的区域)，那么该情况下本发明实施例中的显示区域就为屏幕用于显示页面内容的区域，当然，某些情况下，屏幕可能只会显示页面内容，该情况下，本发明实施例中的显示区域就是屏幕的全部区域。具体可以如图1所示，图1是终端显示某一侧笑话页面的显示界面，其中，图1中的101为该页面，即图1所示的101区域为本发明实施例定义的显示区域，且101显示的内容为该页面的首屏内容，而图1中的图102为浏览器的工具栏，103为终端的状态栏。
请参阅图2，图2是本发明实施例提供的一种页面显示方法的流程示意图，如图2所示，包括以下步骤：
S201、终端对目标页面的元素进行渲染，其中，被渲染的元素包括所述目标页面的起始元素。
可选的，上述目标页面的元素可以是对目标页面的资源块进行词法和语法解析后，并对该解析的结果进行创建的元素，该元素还可以理解该页面的内部数据结构中的数据。另外，对元素的渲染可以是对元素的绘制和排版。另外，上述目标页面的起始元素可以是理解为标记位置处于最前面的元素，其中，标记位置为元素的一个属性，用于标记该元素在内部数据结构中的位置。
S202、当渲染得到的显示内容能够铺满所述终端的显示区域时，所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。
由于终端的显示区域相对该终端是已知的，那么在对上述目标页面的元素进行渲染时，当渲染得到的显示内容大于或者等于终端的显示区域时，终端就确定渲染得到的显示内容能够铺满所述终端的显示区域，从而将该显示内容作为所述目标页面的首屏内容进行显示。
可选的，在步骤S201之前，所述方法还可以包括：
终端向服务器发送请求获取目标页面的链接请求；
终端接收服务器发送的所述目标页面的资源。
其中，终端可以通过一次性接收服务器发送的所述目标页面的所有资源，终端还可以分为多次接收服务器发送的所述目标页面的所有资源，对此本实施例不作限定。
上述技术方案中，终端对目标页面的元素进行渲染，当渲染得到的显示内容能够铺满所述终端的显示区域时，所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。由于只需要渲染能够铺满所述终端的显示区域的显示内容，就将该显示内容作为所述目标页面的首屏内容进行显示，相比现有技术需要将页面的所有内容全部渲染，本发明可以提高页面的首屏内容显示速度，以及节约终端的功耗。
请参阅图3，图3是本发明实施例提供的另一种页面显示方法的流程示意图，如图3所示，包括以下步骤：
S301、对所述目标页面的一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染。
可选的，步骤S301中的元素可以包括上述目标页面的起始元素，这样可以实现根据标记位置的对各元素进行渲染。当然，上述S301中的元素可以不包括上述目标页面的起始元素，而包括最先接收服务器发送的资源块对应的元素，当然，该情况下步骤S303中的渲染的元素可以包括上述目标页面的起始元素，这样可以实现展现目标页面的起始元素，从而保证不会遗漏目标页面的起始元素，因为在实际应用中服务器发送的元素并不一定是按照顺序发送的。
S302、判断渲染得到的显示内容是否能够铺满所述终端的显示区域；若是，则执行步骤S304，若否，则执行步骤S303。
S303、对所述目标页面的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，直到渲染得到的显示内容能够铺满所述终端的显示区域，其中，所述另一资源块为所述目标页面中没有被解析的资源块。
需要说明的是，步骤S303可以是多次执行的，但每次执行中所解析的资源块是不同，且是没有被解析的资源块，即多次执行步骤S303，可以实现对多个资源块对应的元素进行渲染，即边解析边渲染。即步骤S303会多次执行，直到渲染得到的显示内容能够铺满所述终端的显示区域时，才停止执行。具体可以是步骤S303每执行完一次就执行一次步骤S302，当步骤S302的判断结果为是时，就执行步骤S304，当判断结果为否时，就执行步骤S303。
S304、终端将所述显示内容作为所述目标页面的首屏内容进行显示。
上述技术方案中，可以实现边解析边渲染，以精确定位页面的首屏内容，从而实现快速显示页面的显示内容。
请参阅图4，图4是本发明实施例提供的另一种页面显示方法的流程示意图，如图4所示，包括以下步骤：
S401、终端对所述目标页面的资源进行解析，创建该资源的解析结果的元素。
可选的，步骤S401可以是边解析边创建，即解析完一个资源块就创建该资源块对应的元素；或者步骤S401还可以是解析完一定量的资源块后，再统一创建这些资源块对应的元素。
S402、当首屏信息表示的位于首屏位置的元素被创建完时，对所述位于首屏位置的元素进行渲染，所述首屏信息为接收服务器发送的用于表示首屏位置的元素的信息，所述首屏位置为所述服务器定义的与所述终端的显示区域尺寸对应的位置。
可选的，在执行步骤S402之前，可以先获取服务器发送的上述首屏信息，该首屏信息为服务器定义的用于表示上述目标页面在上述终端显示时位于首屏位置的元素的信息。上述首屏信息可以为某一元素的标记位置信息，即该元素和位于该元素的标记位置之前的元素为上述位于首屏位置的元素，还可以理解为当该元素被创建完时，就可以理解为首屏信息表示的位于首屏位置的元素被创建完。当然，上述首屏信息还可以是包括上述目标页面在上述终端显示时位于首屏位置的元素的标识信息，上述首屏信息还可以包括上述目标页面在上述终端显示时位于首屏位置的元素对应的资源的信息。
S403、当渲染得到的显示内容能够铺满所述终端的显示区域时，所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。
可选的，由于服务器为所述服务器定义的与所述终端的显示区域尺寸对应的位置，当上述位于首屏位置的元素渲染完时，就可以认为渲染得到的显示内容能够铺满所述终端的显示区域，从而终端将所述显示内容作为所述目标页面的首屏内容进行显示。这样可以实现首屏位置由服务器给定，从而只需要进行一次渲染，以节约显示首屏内容的时间，和节约终端的功耗。
作为一种可选的实施方式，在步骤S402之后，在步骤S403之前，所述方法还可以包括：
S404、判断对所述首屏位置的元素进行渲染得到的显示内容是否能够铺满所述终端的显示区域，若否，则执行步骤S405，若是，则执行步骤S403。
S405、对所述目标页面的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，其中，所述另一资源块为所述目标页面中没有被解析的资源块；
S406、判断渲染得到的显示内容是否能够铺满所述终端的显示区域，若否，则继续执行步骤S405，若是，则执行步骤S403。
即步骤S405会执行多次，且每次执行中解析的资源块不同，直到渲染得到的显示内容能够铺满所述终端的显示区域时，才停止执行。
该实施方式，可以实现在渲染完服务器定义的位于首屏位置的元素后，判断渲染得到的显示内容是否能够铺满所述终端的显示区域，若是，执行进行显示；若否，则继续对没有被解析的资源块进行解析，再创建被解析的资源块对应的元素，以及对该元素进行渲染，直到染得到的显示内容能够铺满所述终端的显示区域。从而提高首屏内容的精度，以避免服务器发送的首屏信息精度不高的问题。另外，步骤S405解析的资源对应的元素的标记位置可以是与上述首屏信息表示的元素的标记位置连续。
作为一种可选的实施方式，在步骤S401之前，所述方法还可以包括以下步骤：
判断所述首屏信息表示资源的大小是否超过预设阀值，若否，则执行步骤S401，若是，所述终端对所述目标页面的资源进行解析，创建该资源的解析结果的元素；
当被创建的资源的大小超过预设阀值时，对创建完的元素进行渲染；
终端判断渲染得到的显示内容是否能够铺满所述终端的显示区域，若是，则执行步骤S403，若否，终端对所述目标页面的资源的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，直到渲染得到的显示内容能够铺满所述终端的显示区域，其中，所述另一资源块为所述目标页面中没有被解析的资源块。
可选的，上述预设阀值可以是终端预先设定的，或者接收用户输入的操作而设定的。另外，上述被创建的资源可以理解为被创建的元素对应的资源。
该实施方式，可以实现当服务器定义首屏信息表示资源的大小超过预设阀值预设阀值大小的资源进行解析以及创建元素，然后再进行渲染，当渲染的内容够铺满所述终端的显示区域时就显示；当渲染的内容不够铺满所述终端的显示区域，则继续对没有被解析的资源块进行解析，再创建被解析的资源块对应的元素，以及对该元素进行渲染，直到染得到的显示内容能够铺满所述终端的显示区域。从而提高首屏内容的精度，以避免服务器发送的首屏信息过多的问题。
上述技术方案中，可以实现当创建位于首屏位置的元素被创建时，才对这些进行渲染，则于渲染的次数比较少，从而在实现快速显示页面的显示内容，还可以节约终端的功耗。
请参阅图5，图5是本发明实施例提供的另一种页面显示方法的流程示意图，如图5所示，包括以下步骤：
S501、终端对所述目标页面的资源进行解析，创建该资源的解析结果的元素。
S502、当被创建的资源的大小超过预设阀值时，对创建完的元素进行渲染。
S503、终端对所述目标页面的资源的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，其中，所述另一资源块为所述目标页面中没有被解析的资源块。
S504、终端判断渲染得到的显示内容是否能够铺满所述终端的显示区域，若否，则继续步骤S503，若是，则执行步骤S505。
S505、终端将所述显示内容作为所述目标页面的首屏内容进行显示。
上述技术方案，可以实现当被创建的资源大小超过预设阀值，才对这些进行渲染，则于渲染的次数比较少，从而在实现快速显示页面的显示内容，还可以节约终端的功耗。
请参阅图6，图6是本发明实施例提供的另一种页面显示方法的流程示意图，如图6所示，包括以下步骤：
S601、接收终端发送的用于请求获取目标页面的链接请求，所述链接请求携带有所述终端的参数信息。
可选的，上述终端的参数信息可以包括终端的型号信息，这样通过该终端的型号信息就可以得到终端的显示区域；或者上述参数信息包括终端型号信息和终端当前使用的浏览器的参数信息，这样就可以通过这两个信息得到终端的显示区域；或者上述终端的参数信息可以包括终端的屏幕的参数信息，例如：屏幕的尺寸信息，或者屏幕的尺寸信息和密度信息，这样就可以通过终端的屏幕的参数信息得到终端的显示区域。另外，由于终端上安装的浏览器中用于显示页面内容的区域往往都会相同，所以上述参数信息不包括浏览器的参数信息也是可以实现精确定位终端的显示区域的。
S602、根据所述参数信息获取所述终端对应的首屏信息，所述首屏信息用于表示所述目标页面相对于所述终端的首屏位置的元素。
可选的，上述首屏信息具体可以是用于表示所述目标页面在所述终端上显示时位置于首屏位置的元素，即通过该首屏信息就可以确认所述目标页面在所述终端上显示时位置于首屏位置的元素。另外，上述首屏信息可以是预先生成的，例如：当在步骤S601之前，可以生成用于表示上述目标页面在预先获取的显示区域的首屏位置的元素，其中，该显示区域与上述终端的显示区域相同。例如：上述终端的型号为X，当型号为X的终端第一次请求访问上述目标网页时，服务器就可以计算出该目标页面相对于该型号的终端的首屏信息，即计算位于首屏位置的元素。这样接收到上述链接请求时，步骤S602就可以获取上述首屏信息。
S603、向所述终端发送所述目标页面的资源和所述首屏信息，以使所述终端对所述目标页面的资源进行解析，创建该资源的解析结果的元素，当所述首屏信息表示的位于首屏位置的元素被创建完时，由所述终端对所述位于首屏位置的元素进行渲染，当渲染得到的显示内容能够铺满所述终端的显示区域时，由所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。
可选的，所述资源可以包括所述目标页面的起始资源。这样可以实现展现目标页面的起始元素，从而保证不会遗漏目标页面的起始元素，因为在实际应用中服务器发送的元素并不一定是按照顺序发送的。当然，在另外的实施方式中，所述资源可以不包括所述目标页面的起始资源，因为有些页面中起始资源可以忽视。
可选的，在步骤S602之前，所述还可以包括：
对所述目标页面的资源块进行解析，得到各资源块的解析结果和标记位置信息，并创建各资源块的解析结果的元素，将各资源块的标记位置信息加入该资源块对应的元素的属性中；
对创建完的元素进行渲染得到显示内容；
确定所述显示内容中所处位置在预先获取的显示区域的首屏内容中最后位置的元素，并将该元素的标识位置信息作为所述首屏信息，其中，该显示区域与所述终端用于显示所述目标页面的区域相同。
上述预先获取的显示区域可以是参数信息与步骤S601中的参数信息相同的终端的显示区域。例如：在第一终端访问上述目标页面时，通过上述步骤确定目标页面在第一终端上显示的首屏信息，该第一终端的型号与上述步骤中的终端的型号相同。这样当相同型号的终端第二次访问目标页面时，就可以采用上述首屏信息确定终端的首屏内容。
可选的，上述方法可以应用于服务器，即服务器可以实现上述方法。
上述技术方案中，可以实现终端根据首屏信息确定位置首屏位置的元素，当所述首屏信息表示的位于首屏位置的元素被创建完时，终端对所述位于首屏位置的元素进行渲染，当渲染得到的显示内容能够铺满所述终端的显示区域时，由所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。从而提高首屏内容显示的速度，以及节约终端的功耗。
下面为本发明装置实施例，本发明装置实施例用于执行本发明方法实施例一至五实现的方法，为了便于说明，仅示出了与本发明实施例相关的部分，具体技术细节未揭示的，请参照本发明实施例一、实施例二、实施例三、实施例四和实施例五。
请参阅图7，图7是本发明实施例提供的一种页面显示终端的结构示意图，如图7所示，包括：第一渲染单元71和显示单元72，其中：
第一渲染单元71，用于对目标页面的元素进行渲染，其中，被渲染的元素包括所述目标页面的起始元素。
可选的，上述目标页面的元素可以是对目标页面的资源块进行词法和语法解析后，并对该解析的结果进行创建的元素，该元素还可以理解该页面的内部数据结构中的数据。另外，对元素的渲染可以是对元素的绘制和排版。另外，上述目标页面的起始元素可以是理解为标记位置处于最前面的元素，其中，标记位置为元素的一个属性，用于标记该元素在内部数据结构中的位置。
显示单元72，用于当所述第一渲染单元渲染得到的显示内容能够铺满所述终端的显示区域时，将所述显示内容作为所述目标页面的首屏内容进行显示。
由于终端的显示区域相对该终端是已知的，那么在对上述目标页面的元素进行渲染时，当渲染得到的显示内容大于或者等于终端的显示区域时，终端就确定渲染得到的显示内容能够铺满所述终端的显示区域，从而将该显示内容作为所述目标页面的首屏内容进行显示。
作为一种可选的实施方式，如图8所示，第一渲染单元71可以包括：
第一渲染子单元711，用于对所述目标页面的一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染；
第一判断单元712，用于判断渲染得到的显示内容是否能够铺满所述终端的显示区域；
第二渲染子单元713，用于当所述第一判断单元712判断渲染得到的显示内容不能够铺满所述终端的显示区域时，对所述目标页面的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，直到渲染得到的显示内容能够铺满所述终端的显示区域，其中，所述另一资源块为所述目标页面中没有被解析的资源块；
显示单元72可以用于当所述第一判断单元712判断渲染得到的显示内容能够铺满所述终端的显示区域时，将所述显示内容作为所述目标页面的首屏内容进行显示。
具体可以是第一判断单元712还可以在第二渲染子单元713渲染完后，继续判断渲染得到的显示内容是否能够铺满所述终端的显示区域。这样当此次判断的结果为是时，显示单元72就可以将所述显示内容作为所述目标页面的首屏内容进行显示，当此次判断的结果为否时，第二渲染子单元713还用于继续对所述目标页面的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，直到所述第一渲染子单元711和所述第二渲染子单元713渲染得到的显示内容能够铺满所述终端的显示区域。
该实施方式中，可以实现边解析边渲染，以精确定位页面的首屏内容，从而实现快速显示页面的显示内容。
作为另一种可选的实施方式，如图9所示，第一渲染单元71可以包括：
第一创建单元713，用于对所述目标页面的资源进行解析，创建该资源的解析结果的元素；
第三渲染子单元714，用于当首屏信息表示的位于首屏位置的元素被创建完时，对所述位于首屏位置的元素进行渲染，所述首屏信息为接收服务器发送的用于表示首屏位置的元素的信息，所述首屏位置为所述服务器定义的与所述终端的显示区域尺寸对应的位置。
可选的，该实施方式，所述终端还可以包括：
第二判断单元73，用于判断所述第三渲染子单元714渲染得到的显示内容是否能够铺满所述终端的显示区域；
第二渲染单元74，用于当所述第二判断单元73判断结果为否时，对所述目标页面的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，其中，所述另一资源块为所述目标页面中没有被解析的资源块；
第三判断单元75，用于判断所述第三渲染子单元714和所述第二渲染单元74渲染得到的显示内容是否能够铺满所述终端的显示区域；
所述第二渲染单元74还用于当所述第三判断单元75判断结果为否时，继续对所述目标页面的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，直到所述第三渲染子单元714和所述第二渲染单元74渲染得到的显示内容能够铺满所述终端的显示区域。
该实施方式，可以实现在渲染完服务器定义的位于首屏位置的元素后，判断渲染得到的显示内容是否能够铺满所述终端的显示区域，若是，执行进行显示；若否，则继续对没有被解析的资源块进行解析，再创建被解析的资源块对应的元素，以及对该元素进行渲染，直到染得到的显示内容能够铺满所述终端的显示区域。从而提高首屏内容的精度，以避免服务器发送的首屏信息精度不高的问题。
该实施方式中，可以实现当创建位于首屏位置的元素被创建时，才对这些进行渲染，则于渲染的次数比较少，从而在实现快速显示页面的显示内容，还可以节约终端的功耗。
作为一种可选的实施方式，如图10所示，第一渲染单元71可以包括：
第二创建单元715，用于对所述目标页面的资源进行解析，创建该资源的解析结果的元素；
第四渲染子单元716，用于当被创建的资源的大小超过预设阀值时，对创建完的元素进行渲染；
第四判断单元717，用于判断渲染得到的显示内容是否能够铺满所述终端的显示区域；
第五渲染子单元718，用于当所述第四判断单元717判断渲染得到的显示内容不能够铺满所述终端的显示区域时，对所述目标页面的资源的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，直到渲染得到的显示内容能够铺满所述终端的显示区域，其中，所述另一资源块为所述目标页面中没有被解析的资源块；
显示单元72可以用于当所述第四判断单元717判断渲染得到的显示内容能够铺满所述终端的显示区域时，将所述显示内容作为所述目标页面的首屏内容进行显示。
具体还可以是第四判断单元717还可以在第五渲染子单元718渲染完后，继续判断渲染得到的显示内容是否能够铺满所述终端的显示区域。这样当此次判断的结果为是时，显示单元72就可以将所述显示内容作为所述目标页面的首屏内容进行显示，当此次判断的结果为否时，第五渲染子单元718还用于继续对所述目标页面的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，直到所述第四渲染子单元716和所述第五渲染子单元718渲染得到的显示内容能够铺满所述终端的显示区域。
该实施方式，可以实现当被创建的资源大小超过预设阀值，才对这些进行渲染，则于渲染的次数比较少，从而在实现快速显示页面的显示内容，还可以节约终端的功耗。
作为一种可选的实施方式，终端还可以向服务器发送请求获取目标页面的链接请求；以及终端还可以接收服务器发送的所述目标页面的资源。
其中，终端可以通过一次性接收服务器发送的所述目标页面的所有资源，终端还可以分为多次接收服务器发送的所述目标页面的所有资源，对此本实施例不作限定。
上述技术方案中，终端对目标页面的元素进行渲染，当渲染得到的显示内容能够铺满所述终端的显示区域时，所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。由于只需要渲染能够铺满所述终端的显示区域的显示内容，就将该显示内容作为所述目标页面的首屏内容进行显示，相比现有技术需要将页面的所有内容全部渲染，本发明可以提高页面的首屏内容显示速度，以及节约终端的功耗。
请参阅图11，图11是本发明实施例提供的一种页面显示装置的结构示意图，如图11所示，包括：接收单元111、获取单元112和发送单元113，其中：
接收单元111，用于接收终端发送的用于请求获取目标页面的链接请求，所述链接请求携带有所述终端的参数信息。
可选的，上述终端的参数信息可以包括终端的型号信息，这样通过该终端的型号信息就可以得到终端的显示区域；或者上述参数信息包括终端型号信息和终端当前使用的浏览器的参数信息，这样就可以通过这两个信息得到终端的显示区域；或者上述终端的参数信息可以包括终端的屏幕的参数信息，例如：屏幕的尺寸信息，或者屏幕的尺寸信息和密度信息，这样就可以通过终端的屏幕的参数信息得到终端的显示区域。另外，由于终端上安装的浏览器中用于显示页面内容的区域往往都会相同，所以上述参数信息不包括浏览器的参数信息也是可以实现精确定位终端的显示区域的。
获取单元112，用于根据所述参数信息获取所述终端对应的首屏信息，所述首屏信息用于表示所述目标页面相对于所述终端的首屏位置的元素。
可选的，上述首屏信息具体可以是用于表示所述目标页面在所述终端上显示时位置于首屏位置的元素，即通过该首屏信息就可以确认所述目标页面在所述终端上显示时位置于首屏位置的元素。另外，上述首屏信息可以是预先生成的。
发送单元113，用于向所述终端发送所述目标页面的资源和所述首屏信息，以使所述终端对所述目标页面的资源进行解析，创建该资源的解析结果的元素，当所述首屏信息表示的位于首屏位置的元素被创建完时，由所述终端对所述位于首屏位置的元素进行渲染，当渲染得到的显示内容能够铺满所述终端的显示区域时，由所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。
可选的，所述资源可以包括所述目标页面的起始资源。这样可以实现展现目标页面的起始元素，从而保证不会遗漏目标页面的起始元素，因为在实际应用中服务器发送的元素并不一定是按照顺序发送的。当然，在另外的实施方式中，所述资源可以不包括所述目标页面的起始资源，因为有些页面中起始资源可以忽视。
作为一种可选的实施方式，如图12所示，所述装置还可以包括：
创建单元114，用于对所述目标页面的资源块进行解析，得到各资源块的解析结果和标记位置信息，并创建各资源块的解析结果的元素，将各资源块的标记位置信息加入该资源块对应的元素的属性中；
渲染单元115，用于对所述创建单元创建完的元素进行渲染得到显示内容；
确定单元116，用于确定所述显示内容中所处位置在预先获取的显示区域的首屏内容中最后位置的元素，并将该元素的标识位置信息作为所述首屏信息，其中，该显示区域与所述终端用于显示所述目标页面的区域相同。
可选的，上述装置可以应用于服务器，即服务器可以包括上述装置。
上述技术方案中，可以实现终端根据首屏信息确定位置首屏位置的元素，当所述首屏信息表示的位于首屏位置的元素被创建完时，终端对所述位于首屏位置的元素进行渲染，当渲染得到的显示内容能够铺满所述终端的显示区域时，由所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。从而提高首屏内容显示的速度，以及节约终端的功耗。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存取存储器(Random AccessMemory，简称RAM)等。
以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。
Claims (15)
1.一种页面显示方法，其特征在于，包括：
接收服务器发送的首屏信息，其中，所述首屏信息用于表示目标页面相对于终端的首屏位置的元素，所述首屏位置为所述服务器定义的与所述终端的显示区域尺寸对应的位置，其中，所述元素为所述目标页面的内部数据结构中的数据；
终端对目标页面的元素进行渲染，其中，被渲染的元素包括所述目标页面的起始元素，所述终端对目标页面的元素进行渲染包括：对所述目标页面的资源进行解析，创建该资源的解析结果的元素，当首屏信息表示的位于首屏位置的元素被创建完时，对所述位于首屏位置的元素进行渲染；
当所述位于首屏位置的元素渲染完时，所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。
2.如权利要求1所述的方法，其特征在于，所述终端对目标页面的元素进行渲染，包括：
所述终端对所述目标页面的一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染；
所述终端判断渲染得到的显示内容是否能够铺满所述终端的显示区域，若是，则执行所述终端将所述显示内容作为所述目标页面的首屏内容进行显示的步骤；若否，所述终端对所述目标页面的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，直到渲染得到的显示内容能够铺满所述终端的显示区域，其中，所述另一资源块为所述目标页面中没有被解析的资源块。
3.如权利要求2所述的方法，其特征在于，所述终端对所述位于首屏位置的元素进行渲染之后，所述方法还包括：
所述终端判断对所述首屏位置的元素进行渲染得到的显示内容是否能够铺满所述终端的显示区域；
当所述判断结果为否时，所述终端对所述目标页面的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，其中，所述另一资源块为所述目标页面中没有被解析的资源块；
所述终端判断渲染得到的显示内容是否能够铺满所述终端的显示区域，若否，则继续执行所述终端对所述目标页面的另一资源块进行解析的步骤，直到渲染得到的显示内容能够铺满所述终端的显示区域。
4.如权利要求1所述的方法，其特征在于，所述终端对目标页面的元素进行渲染，包括：
所述终端对所述目标页面的资源进行解析，创建该资源的解析结果的元素；
当被创建的资源的大小超过预设阀值时，对创建完的元素进行渲染；
所述终端判断渲染得到的显示内容是否能够铺满所述终端的显示区域，若是，则执行所述终端将所述显示内容作为所述目标页面的首屏内容进行显示的步骤；若否，所述终端对所述目标页面的资源的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，直到渲染得到的显示内容能够铺满所述终端的显示区域，其中，所述另一资源块为所述目标页面中没有被解析的资源块。
5.一种页面显示方法，其特征在于，包括：
接收终端发送的用于请求获取目标页面的链接请求，所述链接请求携带有所述终端的参数信息；
根据所述参数信息获取所述终端对应的首屏信息，所述首屏信息用于表示所述目标页面相对于所述终端的首屏位置的元素，所述首屏位置为服务器定义的与所述终端的显示区域尺寸对应的位置，所述元素为所述目标页面的内部数据结构中的数据；
向所述终端发送所述目标页面的资源和所述首屏信息，以使所述终端对所述目标页面的资源进行解析，创建该资源的解析结果的元素，当所述首屏信息表示的位于首屏位置的元素被创建完时，由所述终端对所述位于首屏位置的元素进行渲染，当渲染得到的显示内容能够铺满所述终端的显示区域时，由所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。
6.如权利要求5所述的方法，其特征在于，所述根据所述参数信息获取所述终端对应的首屏信息之前，所述方法还包括：
对所述目标页面的资源块进行解析，得到各资源块的解析结果和标记位置信息，并创建各资源块的解析结果的元素，将各资源块的标记位置信息加入该资源块对应的元素的属性中；
对创建完的元素进行渲染得到显示内容；
确定所述显示内容中所处位置在预先获取的显示区域的首屏内容中最后位置的元素，并将该元素的标识位置信息作为所述首屏信息，其中，该显示区域与所述终端用于显示所述目标页面的区域相同。
7.如权利要求5或6所述的方法，其特征于，所述资源包括所述目标页面的起始资源。
8.一种页面显示终端，其特征在于，包括：第一渲染单元和显示单元，其中：所述第一渲染单元，用于对目标页面的元素进行渲染，其中，被渲染的元素包括所述目标页面的起始元素，所述元素为所述目标页面的内部数据结构中的数据，所述第一渲染单元还用于，接收服务器发送的首屏信息，对所述目标页面的资源进行解析，创建该资源的解析结果的元素，当首屏信息表示的位于首屏位置的元素被创建完时，对所述位于首屏位置的元素进行渲染，其中，所述首屏信息用于表示目标页面相对于终端的首屏位置的元素，所述首屏位置为所述服务器定义的与所述终端的显示区域尺寸对应的位置；
所述显示单元，用于当所述第一渲染单元渲染得到的显示内容能够铺满所述终端的显示区域时，将所述显示内容作为所述目标页面的首屏内容进行显示。
9.如权利要求8所述的终端，其特征在于，所述第一渲染单元，包括：
第一渲染子单元，用于对所述目标页面的一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染；
第一判断单元，用于判断渲染得到的显示内容是否能够铺满所述终端的显示区域；
第二渲染子单元，用于当所述第一判断单元判断渲染得到的显示内容不能够铺满所述终端的显示区域时，对所述目标页面的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，直到渲染得到的显示内容能够铺满所述终端的显示区域，其中，所述另一资源块为所述目标页面中没有被解析的资源块；
所述显示单元用于当所述第一判断单元判断渲染得到的显示内容能够铺满所述终端的显示区域时，将所述显示内容作为所述目标页面的首屏内容进行显示。
10.如权利要求9所述的终端，其特征在于，所述终端还包括：
第二判断单元，用于判断所述第一渲染单元渲染得到的显示内容是否能够铺满所述终端的显示区域；
第二渲染单元，用于当所述第二判断单元判断结果为否时，对所述目标页面的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，其中，所述另一资源块为所述目标页面中没有被解析的资源块；
第三判断单元，用于判断所述第一渲染单元和所述第二渲染单元渲染得到的显示内容是否能够铺满所述终端的显示区域；
所述第二渲染单元还用于当所述第三判断单元判断结果为否时，继续对所述目标页面的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，直到所述第一渲染单元和所述第二渲染单元渲染得到的显示内容能够铺满所述终端的显示区域。
11.如权利要求8所述的终端，其特征在于，所述第一渲染单元，包括：
第二创建单元，用于对所述目标页面的资源进行解析，创建该资源的解析结果的元素；
第四渲染子单元，用于当被创建的资源的大小超过预设阀值时，对创建完的元素进行渲染；
第四判断单元，用于判断渲染得到的显示内容是否能够铺满所述终端的显示区域；
第五渲染子单元，用于当所述第四判断单元判断渲染得到的显示内容不能够铺满所述终端的显示区域时，对所述目标页面的资源的另一资源块进行解析，创建该资源块的解析结果的元素，并对该元素进行渲染，直到渲染得到的显示内容能够铺满所述终端的显示区域，其中，所述另一资源块为所述目标页面中没有被解析的资源块；
所述显示单元用于当所述第四判断单元判断渲染得到的显示内容能够铺满所述终端的显示区域时，将所述显示内容作为所述目标页面的首屏内容进行显示。
12.一种页面显示装置，其特征在于，包括：接收单元、获取单元和发送单元，其中：
所述接收单元，用于接收终端发送的用于请求获取目标页面的链接请求，所述链接请求携带有所述终端的参数信息；
所述获取单元，用于根据所述参数信息获取所述终端对应的首屏信息，所述首屏信息用于表示所述目标页面相对于所述终端的首屏位置的元素，所述首屏位置为服务器定义的与所述终端的显示区域尺寸对应的位置，所述元素为所述目标页面的内部数据结构中的数据；
所述发送单元，用于向所述终端发送所述目标页面的资源和所述首屏信息，以使所述终端对所述目标页面的资源进行解析，创建该资源的解析结果的元素，当所述首屏信息表示的位于首屏位置的元素被创建完时，由所述终端对所述位于首屏位置的元素进行渲染，当渲染得到的显示内容能够铺满所述终端的显示区域时，由所述终端将所述显示内容作为所述目标页面的首屏内容进行显示。
13.如权利要求12所述的装置，其特征在于，所述装置还包括：
创建单元，用于对所述目标页面的资源块进行解析，得到各资源块的解析结果和标记位置信息，并创建各资源块的解析结果的元素，将各资源块的标记位置信息加入该资源块对应的元素的属性中；
渲染单元，用于对所述创建单元创建完的元素进行渲染得到显示内容；
确定单元，用于确定所述显示内容中所处位置在预先获取的显示区域的首屏内容中最后位置的元素，并将该元素的标识位置信息作为所述首屏信息，其中，该显示区域与所述终端用于显示所述目标页面的区域相同。
14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时，执行如权利要求1-4任一项所述的方法。
15.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时，执行如权利要求5-7任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410261916.2A CN104978181B (zh) | 2014-06-12 | 2014-06-12 | 一种页面显示方法、终端和装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410261916.2A CN104978181B (zh) | 2014-06-12 | 2014-06-12 | 一种页面显示方法、终端和装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104978181A CN104978181A (zh) | 2015-10-14 |
| CN104978181B true CN104978181B (zh) | 2020-02-18 |
Family
ID=54274720
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410261916.2A Active CN104978181B (zh) | 2014-06-12 | 2014-06-12 | 一种页面显示方法、终端和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104978181B (zh) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108170497A (zh) * | 2016-12-05 | 2018-06-15 | 阿里巴巴集团控股有限公司 | 一种页面渲染的方法及装置 |
| CN109614561B (zh) * | 2018-10-25 | 2022-01-21 | 北京达佳互联信息技术有限公司 | 一种特定资讯的显示控制方法、装置及电子设备 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102541848A (zh) * | 2010-12-08 | 2012-07-04 | 卓望数码技术（深圳）有限公司 | 基于手机浏览器的页面加载方法、装置、系统和服务器 |
| CN102760133A (zh) * | 2011-04-28 | 2012-10-31 | 腾讯科技（深圳）有限公司 | 网页加载方法、系统、浏览器、终端及服务器 |
| CN103324521A (zh) * | 2013-06-20 | 2013-09-25 | 张家港保税区润桐电子技术研发有限公司 | 一种测量网页首屏时间的方法 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103399866A (zh) * | 2013-07-05 | 2013-11-20 | 北京小米科技有限责任公司 | 一种网络页面的渲染方法、装置及设备 |
-
2014
- 2014-06-12 CN CN201410261916.2A patent/CN104978181B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102541848A (zh) * | 2010-12-08 | 2012-07-04 | 卓望数码技术（深圳）有限公司 | 基于手机浏览器的页面加载方法、装置、系统和服务器 |
| CN102760133A (zh) * | 2011-04-28 | 2012-10-31 | 腾讯科技（深圳）有限公司 | 网页加载方法、系统、浏览器、终端及服务器 |
| CN103324521A (zh) * | 2013-06-20 | 2013-09-25 | 张家港保税区润桐电子技术研发有限公司 | 一种测量网页首屏时间的方法 |
Non-Patent Citations (1)
| Title |
|---|
| 嵌入式浏览器解析与排版布局引擎的研究优化;孙玮;《CNKI优秀硕士学位论文全文库》;20130115;第2-5,27-29页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104978181A (zh) | 2015-10-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR102436987B1 (ko) | 웹페이지 콘텐츠를 추출하기 위한 방법 및 단말 장치 | |
| CN106933722B (zh) | 一种网页应用监控方法、服务器和系统 | |
| EP3518124A1 (en) | Webpage rendering method and related device | |
| CN108038134B (zh) | 页面展示的方法、装置和存储介质以及电子设备 | |
| CN102779167B (zh) | 在移动终端中显示网页的方法及系统 | |
| EP2750049A1 (en) | Method and device for displaying picture on browser of user terminal as required | |
| US20150370912A1 (en) | Method and system for displaying customized webpage on double webview | |
| US20210149842A1 (en) | System and method for display of document comparisons on a remote device | |
| US20150278173A1 (en) | Method, apparatus, terminal, and storage medium for image processing | |
| CN106874519B (zh) | 页面展现方法和装置 | |
| CN105205072B (zh) | 网页信息的展示方法和系统 | |
| CN107533568B (zh) | 确定应用缩放等级的系统和方法 | |
| CN104881273A (zh) | 一种网页渲染的分析方法和终端设备 | |
| EP3080722B1 (en) | Web page rendering on wireless devices | |
| CN106126683B (zh) | 页面显示方法及终端设备 | |
| CN108763297B (zh) | 网页资源处理方法、装置以及移动终端 | |
| CN112100543A (zh) | 渲染网页的方法、装置、存储介质及电子设备和服务器 | |
| CN106649299B (zh) | 一种网页区块懒加载的方法和装置 | |
| CN110046072A (zh) | 页面的监控方法、装置、终端及可读存储介质 | |
| TWI519980B (zh) | 網頁顯示方法和裝置及電腦可讀取儲存介質 | |
| CN107451163B (zh) | 一种动画显示方法和装置 | |
| CN106575303B (zh) | 显示网页的方法和设备 | |
| CN104978181B (zh) | 一种页面显示方法、终端和装置 | |
| KR20180057619A (ko) | 휴대 단말에 푸시 통지를 행하기 위한 통지 방법 및 통지 서버 | |
| CN105630948B (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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |