CN106716351B - 显示网页的方法和电子设备 - Google Patents

Abstract

本发明提供了一种显示网页的方法和一种用于显示网页的电子设备。所述方法包括获取所述网页的元数据。元数据可以指定首屏关键元素，并且包括首屏策略扩展属性。首屏策略扩展属性的值可以表明页面定义的首屏显示策略是强制的还是可选的。解析一个元素来判断所述元素是否为所述首屏关键元素。当所述元素是首屏关键元素，则显示网页首屏。当所述元素不是首屏关键元素而且首屏显示条件得到满足，则显示网页首屏。首屏显示条件可以是首屏策略扩展属性的值的函数。

Description

显示网页的方法和电子设备

技术领域

本发明一般地涉及电子设备和通信技术领域，并且，更特别地，涉及使用展示网页的方法和设备。

背景技术

随着4G时代的到来，使用手机浏览器访问互联网获取信息成为一个主流的方式。用手机浏览器的优势在于随时随刻可以使用碎片时间来浏览互联网网页。移动网络速度的提高以及手机硬件性能的提高也带来了对网页的显示速度提高的需求。根据数据统计，用户最满意的打开网页时间为2秒以下，用户能够忍受的最长等待时间在6至8秒间。如果一个页面打开时间超过8秒，则大部分用户会放弃访问。

在手机浏览器中，用户关注的页面显示时间点主要有两个。第一个时间点为页面第一次的显示时间，也被称为“第一时刻显示”时间点。在这个时间点，通常显示的只是页面一少部分内容，例如页面的标题文字等，通常只占整个屏幕的十分之一左右。第二个时间点为页面第一次占满整个屏幕的显示时间，也被称为“首屏显示”时间点。

上述打开网页时间通常指的是完成“首屏显示”需要的时间，即页面第一次占满整个屏幕的“首屏显示”时间。用户最满意的“首屏显示”时间为2秒以下。因此，如果手机浏览器能加快显示页面首屏的时间，则可以给用户带来极好的使用体验。

然而，现有技术的首屏显示速度仍然需要提高。本发明披露的方法和系统可用来解决上述一个或多个问题，以及其他问题。具体地，本发明对加速网页首屏显示时间以满足用户需要的技术问题提供了解决方案，并且为促进计算机技术和网络技术的发展做出了贡献。

发明内容

本发明的一个方面包括一种网页显示方法。所述方法包括获取所述网页的元数据。所述元数据指定了首屏关键元素并且包括首屏策略扩展属性，所述首屏策略扩展属性的值用于表明页面定义的首屏显示策略为强制的或可选的。解析所述网页中的元素，以来判断所述元素是否为所述首屏关键元素。当所述元素是所述首屏关键元素时，显示所述网页的首屏。当所述元素不是所述首屏关键元素，并且首屏显示条件获得满足时，显示所述网页的首屏。所述首屏显示条件是所述首屏策略扩展属性的值的函数。

本发明的另一个方面包括一种用于显示网页的电子设备。所述电子设备包括处理器、显示系统和存储器。所述存储器包含令所述电子设备在所述显示系统上显示网页的方法的编码指令，所述方法包括获取所述网页的元数据。所述元数据指定了首屏关键元素并且包括首屏策略扩展属性，所述首屏策略扩展属性的值用于表明页面定义的首屏显示策略为强制的或可选的。所述方法还包括解析所述网页中的元素，以来判断所述元素是否为所述首屏关键元素。当所述元素是所述首屏关键元素时，显示所述网页的首屏。当所述元素不是所述首屏关键元素，并且首屏显示条件获得满足时，显示所述网页的首屏。所述首屏显示条件是所述首屏策略扩展属性的值的函数。

本发明的另一个方面包括一种包含可执行计算机程序的非临时性计算机可读存储介。所述可执行计算机程序在被计算机执行时实施一个令电子设备显示网页的方法。所述方法包括获取所述网页的元数据。所述元数据指定了首屏关键元素并且包括首屏策略扩展属性。所述首屏策略扩展属性的值用于表明页面定义的首屏显示策略为强制的或可选的。所述方法还包括解析所述网页中的元素，以来判断所述元素是否为所述首屏关键元素。当所述元素是所述首屏关键元素时，显示所述网页的首屏。当所述元素不是所述首屏关键元素，并且首屏显示条件获得满足时，显示所述网页的首屏。所述首屏显示条件是所述首屏策略扩展属性的值的函数。

本发明的其他方面能够根据披露的说明书，权利要求书和附图被本领域技术人员所理解。

附图说明

以下附图仅仅是为了示意的目的根据所披露的实施例提供的例子，并不意在限制本发明的范围。

图1A示出了与披露的实施例相一致的显示网页的示意系统环境；

图1B示出了与披露的实施例相一致的显示网页的示意电子设备的框架图；

图2示出了与披露的实施例相一致的网页显示方法的示意流程；

图3示出了另一种与披露的实施例相一致的网页显示方法的示意流程；

图4示出了与披露的实施例相一致的示意的提供给浏览器的网页文档的一部分；

图5A示出了与披露的实施例相一致的示意的部分浏览器编码指令；

图5B示出了与披露的实施例相一致的示意的另一部分浏览器编码指令；

图6示出了另一种与披露的实施例相一致的网页显示方法的示意流程；

图7示出了另一种与披露的实施例相一致的网页显示方法的示意流程；以及

图8示出了另一种与披露的实施例相一致的网页显示方法的示意流程。

具体实施方式

下面将详细地参考如附图所示的本发明的示意实施例。在可能的情况下，附图中的各个部分提到的相同或相似的部分将采用相同的参考标记。

本发明可以解决移动电子设备的技术问题。所披露的系统和方法可以缩短在显示屏上显示网页首屏的时间，并准确地显示页面首屏的内容。

电子设备用户可以通过一个特定操作使电子设备中的浏览器打开某个网页。这个特定操作可以包括，但不限于，键入地址栏网站地址，点击后退/前进按钮，在书签菜单中选择一个网站，点击一个链接至网页等。然后浏览器发出一系列请求从服务器下载该网页。或者，该网页可以被预先存储在所述电子设备的存储器中，并可以由浏览器检索获得。

一般来说，在电子设备的显示屏上显示所请求的网页是由安装在电子设备上的浏览器的渲染引擎实现的。渲染引擎可以用来显示请求的内容。

所述网页的源代码可以是超文本标记语言(HyperText Markup Language，HTML)，或任何其他的可以提供与所披露的实施例描述的类似功能的编程语言。为了示意性的目的，在所披露的一些实施例中，网页文档是HTML文档。当所请求的网页内容是HTML时，渲染引擎可以解析HTML和层叠样式表(Cascading Style Sheets，CSS)，并且在显示屏上显示所解析的内容。

在所披露的实施例中，页面可以是适用于任何适当的信息系统并可以被浏览器处理和显示的文档。网页可以是适用于万维网(World Wide Web)并可以被网络浏览器处理和显示网络文档。所披露的实施例中使用“网页”来做举例说明。然而，本发明不限于网页，且可以运用于任何其它合适的页面。

HTML文档由HTML元素组成。通常，在显示网页时，渲染引擎开始解析HTML文档并将其元素转换为一个树里的文档对象模型(Document Object Model，DOM)节点。该树可称为“内容树”。所述引擎可以分析样式数据，包括外部CSS文件和样式元素。样式信息和HTML中的图形指令可一起用于创建渲染树。

所述渲染树可以包含带有颜色和尺寸等可视属性的矩形。所述矩形会以正确的顺序显示在屏幕上。

建成所述渲染树后，所述节点(即元素)会通过一个“排版”过程。在排版过程中，给每个节点赋予其在显示屏上的精确坐标。在所披露的实施例中，“元素排版”指的是“对一个元素进行排版处理”。

所述渲染引擎会维护一个“排版区域”。该排版区域是所述电子设备的显示屏区域的虚拟表示。在该排版区域放置已排版的元素，则该元素应该会在所述电子设备的实际显示屏上显示。

排版过程之后继续进行绘制过程，在此期间，遍历所述渲染树，并调用所述渲染引擎的“Paint()”函数在屏幕上显示内容。也就是说，在绘制过程中，在所述电子设备的实际显示屏上显示所述排版区域。用户界面(UI)的后端层可以用来绘制每个节点。所述UI后端层可以使用任何合适的操作系统的用户界面函数。因此，在绘制所述元素时，浏览器可以与操作系统的各种部件交互，例如向操作系统发送命令以使所述电子设备的显示屏显示绘制的元素。例如，操作系统的各种部件可以包括图1B所示的图形模块132。

为了加速页面首屏的显示时间，许多手机浏览器厂商采用一些方案来设定首屏显示的时间点。当到达设定的首屏显示时间点时，浏览器将在屏幕上显示一个或多个元素作为网页的首屏。

一种方案是根据元素位置确定首屏显示的时间点。也就是，每次浏览器完成一个元素的排版后，浏览器判断该元素内容的上下左右的边界坐标。当排版导致某个元素的坐标超过显示屏，则判定已排版的元素可以填满屏幕并且已达到设定的首屏显示时间点。此时，已正常排版的任何元素可用来显示页面。所述某个元素的坐标超过显示屏是指显示屏的底边坐标值小于该元素的顶边坐标值和该元素的高度的和，即屏幕底边＜元素顶边+元素高度。然而，该元素的所有坐标和高宽是从当前排版过程中获得的。该元素的所有坐标、宽度和高度都有可能受到其它因素的影响，例如加载新的样式，访问内部资源，或者JavaScript(js)动态调整等。

另一种方案是根据预先设定的打开页面时长来确定首屏显示的时间点。也就是说，开始打开页面后，到达预先设定的时长时，则确定首屏显示的时间点已达到。例如，假设预先设定的打开页面的时长是1秒，则在尝试打开某个网页时长到达1秒后，则确定首屏显示的时间点已达到。所以，此时即使已正常排版的元素并不能填满显示屏，或者已正常排版的元素的个数很少甚至为0，页面首屏将显示已正常排版的所有元素。

但是，上述方案只能对应通常的网页，或是用户访问量较大的网页。对于某些种类的特殊页面，或是存在着会影响处理时间的特殊内容的页面，浏览器无法使用上述的方案处理。在这些情况下就会导致首屏显示的时间大大延迟。

在一些提议的方案中，网页开发者可以控制网页来决定首屏显示的时间点。然而，当页面定义首屏显示策略与浏览器的首屏显示策略出现冲突时，浏览器无法正确处理首屏显示。所以，网页首屏显示也会延迟。

除了设定首屏时间显示点，其他因素也可能导致首屏显示的延迟。例如，一个网页可能有多个需要显示的元素。所述多个元素可以包括第一元素，第二元素，第三元素等。通常情况下会进行以下的处理：解析和排版第一元素，绘制第一元素；然后解析和排版第二元素，绘制第二元素等。

通常来说，每个元素完成排版后，产生排版区域变更请求。渲染引擎响应排版区域变更请求，重新计算该排版区域对比先前排版区域是否产生变更。当排版区域变更时，发出绘制请求。绘画程序响应绘制请求，绘制并显示该排版区域。换句话说，排版区域变更请求可能引发更新排版区域，重新绘制和显示全部或部分排版区域。

对于许多操作系统来说，由于渲染引擎会夺取绘画程序的资源来解析和排版下一个元素，绘画程序可能被终止，所以更新排版区域后的绘画程序可能可以完成，也有可能不能完成。例如，假设一个更新的排版区域中有四个元素，绘画程序响应屏幕绘制请求进行绘制，绘画程序可能仅仅绘制和显示了两个元素就不得不停止了。当下一个元素的解析和排版完成后，绘画程序可以再次响应屏幕绘制请求，并基于更新后的排版区域绘制。

在许多情况下，一个元素的排版处理可导致排版区域发生变化。因此，当浏览器配置为在每个元素的排版处理后都生成排版区域变更请求，则会导致经常发送屏幕绘制请求。

屏幕绘制请求通常属于消息类型的通知。在各种操作系统中，处理消息类型通知的优先级比处理其他动作的优先权低，例如解析和排版下一个元素。由此，当操作系统需要对屏幕绘制请求作出响应时，会出现暂停或延迟。也就是说，当浏览器和/或操作系统响应屏幕绘制请求之前，屏幕绘制请求可能需要等待一些时间，在等待的时间里，浏览器和/或操作系统会进行排版相关的处理。另一方面，下一个元素的排版过程可能需要暂停等待绘画程序的执行，所以排版处理也可能需要等待一定的时间。

因此，每次排版后更新排版区域会在网页首屏显示期间引入延迟。然而，每次排版后更新排版区域并不是必须的。例如，第二元素的排版处理后，产生排版区域变更请求，响应排版区域变更请求，更新并绘制排版区域。更新后的排版区域包括第二元素。然后解析和排版第三元素。在排版区域中，如果第三元素覆盖第二元素，就浪费了之前花费在基于第二元素排版区域变更请求而更新和绘制排版区域的时间，而且与第二元素排版后发出的排版区域变更请求相关联的任何延迟，都是在不必要的浪费时间。

为了进一步改善上述方案，本发明的所披露的实施例提供了一种用于显示网页的方法和电子设备。图1A示出了与披露的实施例相一致的用于网页显示的示意系统环境。

在图1A所示的系统中，客户端100a，客户端100b和客户端100c可以通过网络300与服务器200a和服务器200b进行通信。网络300可以是局域网(local areanetwork，LAN)，广域网(wide area network，WAN)，企业内部网，公共互联网，无线或蜂窝网络，或任何其它类型的为联网设备提供通信路径的网络。网络300也可以是一个或多个局域网，广域网，企业内联网，和/或公共互联网的组合。

尽管图1A只示出了两个服务器，所述系统可以包括一个，三个，四个，十个，或更多个服务器设备，服务器的数量没有限制。服务器200a和200b可以执行一个或多个由客户端100a，100b和/或100c发出的服务请求。举例来说，服务器200a和/或200b可以给客户端100a，100b和/或100c提供内容。该内容可包括，但不限于，网页，超文本，脚本，二进制数据如编译软件，图像，音频和/或视频。该内容可以包括压缩和/或未压缩的内容。该内容可以是加密的和/或加密。也可以是其他类型的内容。

再举例来说，服务器200a和/或200b可以给客户端100a，100b和/或100c提供权限访问各种软件如数据库，检索，计算，图形，音频，视频，万维网/互联网应用等。其他例子也可实施服务器的许多其它应用。

每个服务器200a和200b和每个客户端100a，100b和100c分别可以包括合适的计算设备。每个计算设备可执行服务器200a和200b，网络300和客户端100a，100b和100c的一个或多个功能。

服务器200a或200b可包括计算设备。所述计算设备可包括用户接口模块，网络通信接口模块，一个或多个处理器，存储器等元件。所有元件均可通过系统总线，网络或其它连接机制以物理和/或通信方式连接在一起。所述用户界面模块可以发送和/或接收客户端100a－100c的数据。所述网络通信接口模块可包括一个或多个无线接口和/或一个或多个有线接口，经由网络进行通信，如图1A中所示的网络300。所述处理器可以包括一个或多个通用处理器和/或一个或多个专用处理器(例如，数字信号处理器，专用集成电路等)。所述处理器可执行在存储器中存储的计算机可读程序指令和/或如本文中所描述的其他指令。所述存储器可包括一个或多个计算机可读存储介质，可以被至少一个所述处理器读取和/或访问。

尽管图1A仅示出了三个客户端，所述系统可以用于数十，数百或数千的客户端。此外，客户端100a，100b和100c(或任何其他客户端)可以是任何类型的计算设备，如一个普通的笔记本电脑，台式计算机，网络终端，无线通信设备(例如，蜂窝电话，智能电话，或平板电脑)等。在一些实施例中，客户端100a，100b和100c可以专门用来设计和使用软件应用程序。在其他实施例中，客户端100a，100b和100c可以是能执行多项任务的通用计算机，不必要专门用于软件开发工具。

图1B示出了与披露的实施例相一致的示意电子设备的框架图。如图1B所示，所述电子设备100可包括存储器102(包括一个或多个计算机可读存储介质)，存储器控制器122，一个或多个处理单元(CPU)120，外设接口118，RF电路108，音频电路110，扬声器111，麦克风113，输入/输出(I/O)子系统106，其它输入或控制设备116和外部端口124。这些组件可通过一个或多个通信总线或信号线103进行通信。

进一步地，所述电子设备100可包括显示系统112。在一些实施例中，显示系统112可以包括触敏显示器，也可称为“触摸屏”。应当理解的是，所述电子设备100仅仅是电子设备100的一个例子，并且电子设备100可以具有多于或少于所示的组件，可以组合两个或多个组件，可以有不同配置的组件，或对组件进行不同的布置。图1B中的各种组件可以由硬件，软件或硬件和软件的组合实现，包括一个或多个信号处理和/或专用集成电路。

存储器102可包括高速随机存取存储器(random access memory，RAM)，也可包括非易失性存储器如一个或多个磁盘存储设备，闪存设备或其它非易失性固态存储器器件。存储器控制器122可控制所述电子设备100的其它组件对访问存储器102的访问，其他组件如处理器120和外设接口118。

外设接口118可与处理器120和存储器102的输入输出外设配套。一个或多个处理器120可为电子设备100运行或执行存储在存储器102中的实现各种功能的各种软件程序和/或指令集，并处理数据。

在一些实施例中，外设接口118，处理器120和存储器控制器122可在单个芯片上实现，例如芯片104。在一些其他实施例中，它们也可分别在单独的芯片上实现。

射频(radio frequency，RF)电路108可接收和发送RF信号，也称电磁信号。RF电路108进行电信号和电磁信号间的相互转化，并通过电磁信号与通信网络和其它通信设备进行通信。RF电路108可包括任何适用于执行这些功能的电路，包括但不限于天线系统，RF收发器，一个或多个放大器，调谐器，一个或多个振荡器，数字信号处理器，CODEC芯片组，SIM(subscriber identity module)卡，存储器等等。RF电路108可以与网络通信，诸如因特网即万维网(World Wide Web，WWW)，内联网和/或无线网络，诸如蜂窝诸如蜂窝电话网络，局域网和/或城域网(MAN)以及其它设备通过无线通信。无线通信可以使用任何多个通信标准，协议和技术，包括但不限于全球移动通信系统(GSM)，增强数据GSM环境(EDGE)，宽带码分多址(W－CDMA)，码分多路存取(CDMA)，时分多址(TDMA)，蓝牙，无线保真(Wi－Fi)的(例如，IEEE 802.11，IEEE 802.11，IEEE 802.11g和/或IEEE 802.11n)的，基于因特网的语音协议电话(VoIP)，无线－MAX，用于电子邮件的协议(例如，互联网消息访问协议(IMAP)和/或邮局协议(POP))，即时通讯(如，可扩展消息处理现场协议(XMPP)，会话发起协议即时消息和状态利用扩展(SIMPLE)，和/或即时消息和状态服务(IMPS))，和/或短消息服务(SMS))，或任何其他合适的通信协议，包括通信协议尚未开发的本公开的申请日。

音频电路110、扬声器111和麦克风113提供用户和电子设备100之间的音频接口。音频电路110接收来自外设接口118的音频数据，将音频数据转换为电信号，并且发送该电信号给扬声器111。扬声器111将电信号转换为人可以听到的声波。音频电路110还接收来自麦克风113进行声波转换后的电信号。音频电路110将电信号转换为音频数据，并发送所述音频数据给外设接口118进行处理。存储器102和/或RF电路108可以通过外设接口118检索和接收音频数据。在一些实施例中，音频电路110还包括耳塞插孔。所述耳塞插孔可以给音频电路110提供可移动的音频输入/输出外设，例如，耳机可作为输出外设，耳麦可同时具有输出(例如，用于一只或两只耳朵的耳机)和输入功能(例如，麦克风)。

I/O子系统106与电子设备100的输入/输出外设接口连接，例如显示系统112和其他输入/控制设备116接到I/O子系统后与外设接口118连接。I/O子系统106可以包括显示控制器156和一个或多个用于其它输入或控制设备的输入控制器160。所述输入控制器160可与其他输入或控制设备116之间传输电信号。其他输入或控制设备116可以包括物理按钮(例如，按钮，摇杆按钮等)，刻度盘，滑块开关，操纵杆，点击式触摸转盘等。在一些实施例中，输入控制器160可以独自工作，也可以与下列任一装置配合使用：键盘，红外端口，USB端口，指针装置如鼠标。

显示系统112可包括触摸屏。触摸屏可以给所述设备和用户之间提供输入/输出接口。显示控制器156接收和/或发送从/向触摸屏的电信号。触摸屏可以向用户展示可视化输出。可视化输出包括图案，文本，图标，视频和它们的任意组合(统称为“图形”)。在一些实施例中，某些可视化输出的部分或全部可以对应于用户界面对象，进一步的细节将在下面进行描述。

所述的显示系统112包括显示屏幕。显示屏幕是利用某些显示技术提供一个表面区域来向用户显示可视内容的设备。例如，该可视内容可以包括网页的内容。显示屏幕可以采用液晶显示(liquid crystal display，LCD)技术，有机发光二极管(organiclight－emitting diode，OLED)技术或发光聚合物显示(light emitting polymer display，LPD)技术来制成。另外，任何其它适当的显示技术均可在一些实施例中使用。当显示系统112的显示屏幕包括触摸屏时，触摸屏和显示控制器156可用任何已知的或将来开发的触摸感测技术来检测接触，运动或中断信息。触摸感测技术包括但不限于电容，电阻，红外线和表面声波技术，以及其它距离传感器阵列或可检测单点或多点接触的其他技术。

显示系统112可以具有超过100dpi的分辨率。在一些实施例中，显示系统112可以具有大约160dpi的分辨率。

电子设备100还包括用于给各种组件供电的电源系统162。电源系统162可以包括电源管理系统，一个或多个电源(例如，电池，交流电)，充电系统，电源故障检测电路，电源转换器或逆变器，电源状态指示器(例如，一个发光二极管(light－emitting diode，LED))，以及在便携式设备中与产生、管理和配电相关联的任何其他组件。

电子设备100还可以包括一个或多个传感器166。例如，传感器166可以包括距离传感器，加速度计等。传感器166可以与外设接口118连接。或者，传感器166可与I/O子系统106的输入控制器160连接。

在一些实施例中，存储器102中保存的软件组件可以包括操作系统126，通信模块(或通信指令集)128，接触/动作模块(或接触/动作指令集)130，图形模块(或图像指令集)132，文本输入模块(或文本输入指令集)134，以及浏览模块(或浏览指令集)136。

操作系统126(例如，Darwin、RTXC、LINUX、UNIX、OS X、WINDOWS或嵌入式操作系统如VxWorks)包括各种软件组件和/或用于控制和管理一般系统任务的驱动程序(例如，存储器管理，存储设备控制，电源管理等)，并且可以用来帮助各种硬件和软件组件之间的通信。

通信模块128负责通过一个或多个外部端口124与其它设备通信，并且还包括各种软件组件来处理从RF电路108和/或外部端口124接收到的数据。外部端口124(例如USB、FIREWIRE等)可适用于直接连接其它设备或间接地通过网络(例如，因特网，无线LAN等)连接其他设备。

接触/动作模块130可以检测与触摸屏(结合显示控制器156)和其它触敏设备(例如，触摸板或点击式转盘)的接触。接触/动作模块130包括各种软件组件来执行与检测接触有关的各种操作，诸如确定是否发生了接触，确定是否存在接触的移动并跟踪在触摸屏上的运动，确定接触是否中断(即接触是否停止)。图形模块132包括各种已知软件组件来在触摸屏上渲染和显示图形，包括用于改变所显示的图形的亮度的组件。

文本输入模块134可以是图形模块132的一个组件，在各种应用程序中提供软键盘来输入文本。应用程序可以是浏览模块(或浏览器)136和需要文本输入的任何其它应用程序。

结合射频电路108，显示系统112，显示控制器156，接触模块130，图形模块132和文本输入模块134，浏览器模块136可用于浏览因特网，包括搜索，链接到，接收和显示部分或全部网页，以及附件和网页链接的其他文件。浏览器模块136的用户界面和相关处理的实施例在以下篇幅中进一步描述。

上述的每个模块和应用程序都对应一组用来执行上述一个或多个功能的指令集。这些模块(即，指令集合)不必为单独的软件程序，过程或模块。在一些实施例中，这些模块中的各种子集可被组合或以其他方式重新布置。在一些实施例中，存储器102可以存储以上叙述的模块和数据结构的子集。此外，存储器102可以存储上面未描述的其他模块和数据结构。

本发明实施例提供的方法和电子设备可用于显示网页。披露的用于显示网页的方法可以用在显示网页的电子设备上。用于显示网页的电子设备可以包含如图1B所示客户端的结构，并且可以实施显示网页的功能和特征。在所披露的实施例中，用于显示网页的电子设备可以包括如图1B所示的浏览模块(或浏览器)136。所述浏览器可用来实现本发明披露的显示网页的方法。此外，在某些实施例中，用于显示网页的电子设备可以包括移动电话，智能电话，平板计算机等。

图2示出了与披露的实施例相一致的网页显示方法的示意流程。如图2所示，所述网页显示方法可以包括以下步骤。

步骤201：获取网页的元数据(metadata)。所述元数据可指定首屏关键元素和首屏策略扩展属性。该步骤还可获取首屏策略扩展属性的值。

步骤202：判断一个网页元素是否为所述首屏关键元素。

步骤203：当网页元素是首屏关键元素时，显示所述网页首屏。步骤204：当网页元素不是首屏关键元素，并且首屏显示条件得到满足时，显示所述网页首屏幕。首屏显示条件可以是首屏策略扩展属性的值的函数。

为了进一步说明图2所示的方法，本文披露了一些实施例。图3示出了另一种与披露的实施例相一致的网页显示方法的示意流程。如图3所示，所处网页显示方法可以包括以下流程。该流程可以用来实施图2所示的方法。

步骤301：获取网页的元数据(metadata)。所述网页的元数据可包含关于网页数据的信息。例如，在HTML中，元数据通过＜meta＞标签提供。所以，解析＜meta＞标签即可获得所述元数据。

一般地，＜meta＞标签可以定义一个元数据元素。使用＜meta＞标签的元数据是不显示在页面上的，但是可以被机器解析。元数据元素通常用来指示页面描述，关键词，文档作者，最后改动和其他元数据。所述元数据可以指示浏览器如何显示内容或加载网页。

举例来说，提供元数据的＜meta＞标签可以用如下语法：＜meta name＝“first－screen－paint”content＝“element－id：specified element ID；element－paint：must/optionally；priority：high/normal”＞

在上述语法中，“name”属性可以用于指定该元数据的名称。“name”属性的值是为元数据的名称。“name”属性的值可以是浏览器支持和识别的任何名称。在上述的例子中，元数据的名称是“first－screen－paint”(首屏绘制)。当浏览器解析到名称为“first－screen－paint”的元数据时，浏览器可以识别出该元数据的值可用来为网页首屏显示提供指令。.

“content”属性可以给出与“name”属性相关联的值。也就是说，“content”属性的值可以是与元数据的名称相关联的值。在上述的例子中，“content”属性的值是文本字符串“element－id：specified element ID；element－paint：must/optionally；priority：high/normal”，并且这个值与所述元数据名称“first－screen－paint”相关联。

在上述例子中，“content”属性的值可包括一个或多个扩展属性。每个扩展属性可以分别有一个值。在各种不同的实施方案中，“扩展属性”可能有也可能没有在不同的浏览器制造商生产的浏览器中被广泛支持。然而，某个浏览器制造商制造的某个浏览器可以识别和支持所述的扩展属性。因此，“扩展属性”可以是超越HTML现有属性的扩展，并且可以由浏览器制造商通过扩展现有普遍认可的HTML属性列表来定义。网页开发人员可以为一个网页添加“扩展属性”并选择“扩展属性”的值。

扩展属性可以包括关键元素扩展属性“element－id”。当浏览器解析名称为“first－screen－paint”的元数据的关键元素扩展属性“element－id”时，浏览器可以识别出这个关键元素扩展属性“element－id”的值指定了首屏关键元素。首屏关键元素可使用合适的方法来指定。如上述例子所示，关键元素扩展属性“元素的id”的值是一个元素的ID。根据万维网联盟(W3C)标准，在HTML中，网页中每个元素都有唯一对应的一个ID。

此外，扩展属性可以包括首屏策略扩展属性“element－paint”。当浏览器解析到名称为“first－screen－paint”的元数据的首屏策略扩展属性“element－paint”时，浏览器可以识别出这个首屏策略扩展属性“element－paint”的值指定了使用何种策略来显示网页首屏。所述策略可使用合适的方法来指定。如上述例子所示，首屏策略扩展属性“element－paint”的值可设定为“must”和“optionally”其中一种，用来指定所述策略。

进一步地，扩展属性可以包括首屏优先级扩展属性“priority”。当浏览器解析到名称为“first－screen－paint”的元数据的首屏优先级扩展属性“priority”时，浏览器可以识别出这个首屏优先级扩展属性“priority”的值指定了显示网页首屏的优先级。所述优先级可使用合适的方法来指定。如上述例子所示，首屏优先级扩展属性“priority”的值可设定为“high”和“normal”其中一种。

因此，在步骤301中，浏览器可以解析＜meta＞标签，并获得的首屏关键元素信息，例如，首屏关键元素的ID。举例来说，图4示出了与披露的实施例相一致的提供给浏览器的网页中的文档部分。＜meta＞标签401描述了在网页的源代码中使用的＜meta＞标签的一个例子。首屏关键元素的ID为“yui＿3＿12＿0＿1＿1422584402305＿895”。首屏策略扩展属性“element－paint”的值是“optionally”。首屏优先级扩展属性“priority”的值是“high”。所以，ID为“yui＿3＿12＿0＿1＿1422584402305＿895”的元素402是该网页的首屏关键元素。在源代码中，首屏关键元素前面还有一个或多个其它元素403。

回到图3，步骤302包括解析一个元素。该元素可以是在浏览器显示网页首屏之前需要解析的任何合适的元素。

在所披露的实施例中，在首屏显示时间点时显示的网页部分称为该网页的首屏。在某些情况下，步骤302中解析的元素可以是包含在网页首屏中的元素。

所述网页的“首屏”可能包括也可能不包括所述网页在“第一时刻”时间点所显示的元素。如前面提到的，在“第一时刻显示”的时间点，仅在屏幕的一小部分上显示部分页面。在某些情况下，网页开发人员，浏览器，或任何其它适当的程序或个体可以用特定的流程来实现“第一时刻显示”，并指定所述网页在“第一时刻”显示的特定元素。在一些其他情况下，“第一时刻显示”没有指定的流程。也就是说，所述网页在“第一时刻”不在显示屏上显示任何内容。

在一些实施例中，在“首屏显示”时间点所显示的网页部分，除去在“第一时刻”显示的网页元素，称为该页面的“首屏”。在一些其他实施例中，在“首屏显示”时间点所显示的网页部分，包括在“第一时刻”显示的网页元素，称为该页面的“首屏”。无论网页的“首屏”是否包含“第一时刻”显示的网页元素，本发明所公开的方法和设备均可适用。

举例来说，网页开发人员，浏览器，或任何其它适当的程序或个体可以用特定的流程来实现“第一时刻显示”，并指定所述网页在“第一时刻”显示的特定元素。如果网页的“首屏”不包括“第一时刻”显示的网页元素，则在步骤302中解析不属于“第一时刻”元素的其他一个元素(例如源代码中“第一时刻”元素之后描述的元素)，并用本发明公开的方法来显示首屏。如果网页的“首屏”包括“第一时刻”显示的网页元素，则在步骤302中解析一个元素(该元素可以是一个“第一时刻”元素)，并用本发明公开的方法来显示首屏。

回到图3，步骤303中，判断所述元素是否为首屏关键元素。当已解析的元素是首屏关键元素时，执行步骤309，并且跳过步骤304－308。当已解析的元素不是首屏关键元素时，执行步骤304。

在所披露的实施例中，元数据可以通过指定首屏关键元素的ID来指定首屏关键元素。因此，可以将已解析元素的ID与首屏关键元素的ID进行比较。当已解析元素的ID是与首屏关键元素的ID相同，则判断该已解析元素是首屏关键元素。当已解析元素的ID是与首屏关键元素的ID不同，则判断该已解析元素不是首屏关键元素。

当已解析元素不是首屏关键元素时，执行步骤304。在源代码中，在首屏关键元素之前可以存在一个或多个元素。通常情况下，可以按照在源代码中的出现顺序来解析元素。因此，在首屏关键元素被解析之前可以有其他元素存在，并且浏览器可以判断这个解析后的元素不是首屏关键元素。

步骤304处理元素排版。在步骤305中，判断首屏策略扩展属性“element－paint”的值是否为“must”。当首屏策略扩展属性“element－paint”的值为“must”，则执行步骤307。当首屏策略扩展属性“element－paint”的值不是“must”，则执行步骤306。

首屏策略扩展属性“element－paint”的值可以通知浏览器使用何种策略来执行网页的首屏显示。在一些实施例中，“must”值表示页面定义的首屏显示策略是强制性的。

页面定义的首屏显示策略是在网页的源代码中定义的一种策略。根据页面定义的首屏显示策略，网页的首屏仅在首屏关键元素解析后才显示。也就是说，首屏关键元素在网页源代码中标志了一个界限。网页的首屏是通过在首屏关键元素被解析之前绘制一个或多个已经被解析和排版的元素来显示的。当页面定义的首屏显示策略是强制的时，只有在判断一个元素为首屏关键元素后才能显示网页首屏。

浏览器定义的首屏显示策略可以包括本发明先前描述的一些策略，例如，根据元素的位置来确定首屏显示的时间点，或根据预先设定的时间长度来打开页面。若页面定义的首屏显示策略是强制的，显示网页首屏时不用判断浏览器定义的首屏显示策略是否满足。

因此，当首屏策略扩展属性“element－paint”的值为“must”，则执行步骤307，并且相应的跳过步骤306。

在一些实施例中，“must”值表示页面定义的首屏显示策略是可选的而并不是强制的。也就是说，当一个元素不是首屏关键元素时，可判断浏览器定义的首屏显示策略是否满足。因此，当首屏策略扩展属性“element－paint”的值不是“must”，则执行步骤306。

步骤306中，判断浏览器定义的首屏显示策略是否满足。当浏览器定义的首屏显示策略满足时，则执行步骤309。当浏览器定义的首屏显示策略没有满足时，则执行步骤307。

步骤307中，判断首屏优先级扩展属性“priority”的值是否为“high”。当首屏优先级扩展属性“priority”的值为“high”时，执行步骤302。当首屏优先级扩展属性“priority”的值不为“high”时，则执行步骤308。

首屏优先级扩展属性“priority”的值可以指定网页首屏显示的优先级。在一些实施例中，“high”值表示首屏显示具有高优先级。所以，在排版流程后，不发出排版区域变更请求。如前所述，生成排版区域变更请求会导致首屏显示时间延长。

因此，当首屏优先级扩展属性“priority”的值为“high”，则执行步骤302。此时，继续解析下一个元素，并且相应的跳过步骤308。

在一些实施例中，“normal”值，或者不为“high”的值，表示首屏显示具有普通优先级。所以，在排版流程后，可以发出排版区域变更请求。可以接受由生成排版区域变更请求而导致的首屏显示时间延迟。因此，当首屏优先级扩展属性“priority”的值不为“high”，则执行步骤308。

在步骤308中，生成排版区域变更请求。为了响应排版区域变更请求，渲染引擎会重新计算排版区域是否由于先前的排版流程而产生变更。当排版区域变更时，发出绘制屏幕请求。绘画程序响应绘制请求，绘制并显示更新后的排版区域。在这种情况下，当前已经完成解析和排版处理的部分或全部元素会显示在电子设备的屏幕上。当完成步骤308后，可执行步骤302，即解析下一个元素。

步骤309中，显示网页首屏。步骤309可以在步骤303或者步骤306后执行。

如前所述，步骤303中，当解析的元素是首屏关键元素时，执行步骤309。也就是说，首屏关键元素在网页的源代码中标志着一个界线。当首屏关键元素被解析，则意味着这个标志的界线达到了。当这个标志的界线达到时，就要完成网页的首屏显示流程。

在一些实施例中，首屏优先级扩展属性“priority”的值为“high”，每个经过排版处理的元素均跳过步骤308。在步骤309中，绘制所有已完成解析和排版处理的元素。网页的首屏显示流程就此完成。在所述绘制过程之前，所有之前已解析(步骤302)的和已排版的(步骤304)元素都没有被绘制，并且仅在步骤308中绘制。因此，只形成一次排版区域和执行一次绘制过程，网页“首屏”的所有元素会一次性显示在屏幕上。

将所有元素只绘制一次的过程可以称作“强制绘制”过程或“强制显示”过程。“强制绘制”使网页的元素在显示屏上一次出现，而不是先显示一些元素，再显示其他一些元素。例如，可在显示屏上首先显示网页的第一个时刻元素(例如，网页的标题)，并在一定时间长度如1秒后，将显示屏一次性填充，而不是逐步填补。

在一些实施例中，首屏优先级扩展属性“priority”的值不为“high，对每个已通过排版处理的元素执行步骤308。此时，为排版后的每个元素发送排版区域变更请求。一些元素的绘制过可能已经完成，所以这些元素可能在步骤309之前已经在屏幕上显示。因此，在步骤309中，可以绘制所有元素，这样所有元素都显示在显示屏上，完成网页首屏显示流程。

如前所述，步骤306中，当浏览器定义的首屏显示策略满足时，则执行步骤309。在这种情况下，步骤309还可包括让浏览器根据浏览器定义的首屏显示策略来显示首屏的任何合适的步骤。

在一些实施例中，当满足浏览器定义的首屏显示策略，并且首屏优先级扩展属性“priority”的值为“high”，则每个已经通过排版处理的元素均跳过步骤308。因此，在步骤309中，所有经过解析和排版的元素可以在强制绘制过程中进行绘制，完成网页首屏显示流程。

在一些其他实施例中，当满足浏览器定义的首屏显示策略，并且首屏优先级扩展属性“priority”的值不为“high”，则对每个已通过排版处理的元素执行步骤308。此时，为排版后的每个元素发送排版区域变更请求。一些元素的绘制过可能已经完成。因此，在步骤309中，绘制过程可以绘制所有元素，这样所有元素都显示在显示屏上，完成网页首屏显示流程。

步骤309中，当页面的首屏显示完成后，浏览器可以继续处理网页并显示网页的第二屏幕，第三屏幕等，这样用户在浏览窗口中滚动页面时即可观看页面中的更多内容。

所以，如图3所示，步骤301可以完成图2所示的步骤201的部分或全部功能。步骤302－303可以完成图2所示的步骤202的部分或全部功能。另外，步骤304－309可以完成图2所示的步骤203－204的部分或全部功能。

在步骤303中，判断元素是否为首屏关键元素。当解析的元素是首屏关键元素时，则执行步骤309，即显示网页首屏并且完成网页首屏显示流程。

当解析的元素不是首屏关键元素时，在步骤305中，首屏策略扩展属性“element－paint”的值可判断为“must”。当首屏策略扩展属性“element－paint”的值为“must”，则解析下一个元素并重复步骤302－309。

当首屏策略扩展属性“element－paint”的值不为“must”，则执行步骤306，即判断浏览器定义的首屏显示策略是否满足。当浏览器定义的首屏显示策略满足时，则执行步骤309，即显示网页首屏并且完成网页首屏显示流程。当浏览器定义的首屏显示策略没有满足时，则解析下一个元素并重复步骤302－309。

换句话说，首屏关键元素可在网页的源代码中标志一个界限，并用作一个指标来通知浏览器当首屏关键元素被解析时必须显示网页首屏，不论首屏策略扩展属性“element－paint”的值为“must”或“optionally”。这个步骤与图2中的步骤203相同或相似。

此外，在解析首屏关键元素之前，源代码中的一个或多个元素可能已通过解析和排版处理。当首屏策略扩展属性的值表示页面定义的首屏策略是“optionally”，而且之前已解析和排版一个或多个元素满足某个首屏显示策略(例如，浏览器定义的首屏显示策略)时，显示网页首屏并且完成网页首屏显示流程。在这种情况下，首屏关键元素的解析可能在完成网页首屏显示后发生，并且因此不包括首屏显示的过程中。

因此，当一个元素不是首屏关键元素并且首屏显示的标准得到满足时，即可显示首屏。首屏显示标准可以是首屏策略扩展属性的值的一个函数，即依赖于首屏策略扩展属性的值。在一些实施例中，首屏显示标准可包括使首屏策略扩展属性的值表示页面定义的首屏显示策略是“optional”。

此外，首屏显示判据还可以包括满足其他不是页面定义的首屏显示策略的首屏显示策略。例如，不是页面定义的首屏显示策略的其他首屏显示策略可以是一个浏览器定义的首显示策略。因此，首屏显示判据还可以包括满足浏览器定义的首屏显示策略。所以，这个步骤可以与图2所示的步骤204相同或相似。

因此，本发明披露了显示网页的方法的实施例。使用所披露的方法，网页的首屏可以显示的更快。更准确的说，用本发明公开的实施例中的方法，网页开发人员可以更好地控制显示网页首屏的过程。

如前所述，显示首屏的时间点可根据元素的位置来确定。可选地，显示首屏的时间点可以根据预设的打开页面的时长来确定。然而在许多情况下，某些类型的特殊网页，或具有特殊内容会影响处理时间的网页，并不能用这种方法在浏览器中打开。在这些情况下，显示首屏可以显著延迟。

在本发明实施例所披露的方法中，网页开发人员可以在元数据中指定首屏关键元素，以此在网页的源代码中标记网页首屏的边界。因此，当在源代码中解析并识别到首屏关键元素的时候，浏览器可判断首屏显示的时间点到达。这样，即使是对于具有特殊内容会影响处理时间的网页，浏览器可以更容易地通过元数据来确定首屏显示的时间点，防止在确定首屏显示的时间点有难度时造成延迟。

进一步地，本发明公开的方法中，网页开发人员可以确保网页首屏根据开发意图来显示。例如，一个浏览器可能有浏览器定义的首屏显示策略。网页开发人员可能会认为某一个元素，例如，一个图片或一个标题，对展现首屏是至关重要的，而且必须显示在首屏。然而，这个重要元素通常会在满足浏览器定义的首屏策略后才进行解析。在这种情况下，开发人员可以使用本发明所公开的方法，将排在这个“重要元素”之后解析的元素指定为首屏关键元素，并设置首屏策略扩展属性“element－paint”的值是“must”。因此，可以确保“重要元素”在网页首屏显示。尽管，在这个例子中，首屏显示的实际时间长度可能大于用浏览器定义的首屏策略来显示首屏的时间长度，首屏显示的内容符合开发者的意图。

更进一步地，在另一例子中，开发人员可以使用本发明公开的方法，将排在满足浏览器定义的首屏策略的元素之前的一个元素指定为首屏关键元素。在这种情况下，首屏显示的实际时间长度会小于用浏览器定义的首屏策略来显示首屏的时间长度，并且首屏显示的内容与开发者的意图一致。

此外，浏览器定义的首屏显示策略会根据一个元素的位置来确定首屏显示时间点，当一个元素具有超出底部边界或超过显示屏的底部边界时，浏览器确定首屏显示的时间点已经达到。然而，在显示屏的高度不尽相同，例如，可以是3英寸，4英寸，或任何其他适当的尺寸，这取决于具体的电子设备型号和制造商。这种浏览器定义的首屏显示策略可能导致的在不同的电子设备上首屏显示的内容不同。使用本发明公开的方法，网页开发人员可以定义网页首屏的内容，这样在不同的电子设备上首屏显示的内容也是相同的。

再者，元数据可以包括首屏优先级扩展属性“priority”的值，以用来指定首屏显示的优先级。当该值指示首屏显示是高优先级的，则在排版完成后不生成排版区域变更请求，并且防止其他任何潜在的由于生成排版区域变更请求导致的必然延迟。此外，先前已经解析和布排版的元素可以一次性绘制，即用单个绘制过程绘制，并且在这个绘制过程之前不进行绘制(如步骤309)。

用本发明公开的方法，网页开发人员还能够控制元素出现在首屏的顺序或方式，比如首屏内容是同时显示还是逐渐显示。当首屏优先级扩展属性的值指示首屏显示是高优先级的，先前解析和排版的元素可以一次性进行绘制并作为首屏显示的内容(如步骤309)。也就是说，用第一时刻显示过程可以先在网页上显示某些网页元素，例如，一行填满屏幕10％的文本。然后，首屏可以基本上一次性完全填充。

可选的，当首屏优先级扩展属性的值指示首屏显示是普通优先级，当一个完成排版后即可生成排版区域变更请求。相应的，排版区域可以进行必要的更新。排版区域的绘制可以部分完成或全部完成。因此，在步骤302－308中，首屏的一些元素会逐渐的显示在屏幕上。举例来说，显示屏可能25％被填满，50％填满，并且显示内容可能会改变一次或多次，直到步骤309中整个首屏内容显示完成。

元数据可以在任何基于HTML的网页文档中使用。在某些实施例中，“name”属性的值是“first－screen－paint”，然而“name”属性的值可以包括能让浏览器识别和支持的用于实现所公开功能的任何适当的字符串。在某些实施例中，关键元素扩展属性是“element－id”，关键元素扩展属性可以包括能让浏览器识别和支持的用于实现所公开功能的任何适当的文本串。

在某些实施例中，首屏策略扩展属性是“element－paint”，其值为“must”或“optionally”，然而首屏策略扩展属性和它的值可以包括能让浏览器识别和支持的用于实现所公开功能的任何适当的文本串。在某些实施例中，首屏优先级扩展属性是“priority”，其值为“high”或“normal”，然而首屏优先级扩展属性和它的值可以包括能让浏览器识别和支持的用于实现所公开功能的任何适当的文本串。

浏览器的制造商可通过任何合适的规定的方式向网页开发人员提供元数据名称的说明以及扩展属性及其值的说明，如浏览器的说明书。因此，网页开发人员可以在创建网页的过程中在网页源代码里添加元数据。

进一步的，在一些实施例中，即使扩展属性没有明确写在元数据中，浏览器也可以用来获取元数据的扩展属性的值。举例来说，当首屏策略扩展属性和其值没有明确写在元数据里时，可以配置浏览器选择“must”作为首屏策略扩展属性的值。也就是说，首屏策略扩展属性可以默认设为“must”，并且首屏策略扩展属性的默认值可以在浏览器解析元数据时获得。或者，首屏策略扩展属性的默认值也可设为“optionally”。

再举一例，当首屏优先级扩展属性和其值没有明确写在元数据里时，可以配置浏览器选择“high”作为首屏优先级扩展属性的值。也就是说，首屏优先级扩展属性的默认值可设为“high”，并且首屏优先级扩展属性的默认值可以在浏览器解析元数据时获得。或者，首屏优先级扩展属性的默认值也可设为“normal”。

所披露的实施例可以通过电子设备的处理器执行合适的算法来实现。这样的算法可以用编码指令来描述和实现。图5A示出了与披露的实施例相一致的示意的浏览器部分编码指令。图5B示出了与披露的实施例相一致的示意的浏览器另一部分编码指令。图示的编码指令可以包括在浏览器的程序中，这样，可以配置浏览器成实现在图2和图3中所描述的功能。为了示意性目的，所述编码指令用C++编写。然而，其他任何适当的编程语言，例如，BASIC，Java等也可以使用。图中省略了一些指令，以更好的展示与本发明披露的方法相关的指令。为了说明的目的，在图5A和图5B中，元数据的名称为“first－page－paint”。

如图5A中所示的编码指令可用于解析元数据标签，如步骤301。如图5B所示的编码指令可用于执行本发明披露的各种流程，如步骤302－309。

如图5B所示，指令501可以用于判断元数据标签“first－screen－paint”是否存在(如步骤301)。指令502可用于判断一个元素的ID是否与元数据中指定的元素ID相同(如步骤303)。根据指令502的结果，当确定所述元素是首屏关键元素时，指令503可以用于显示网页首屏(如步骤309)。

指令504可以用于判断首屏优先级扩展属性“priority”的值是否为“high”或“normal”，例如步骤307。当首屏优先级扩展属性“priority”不为“high”时，则执行步骤308。

指令505可以用于判首屏策略扩展属性“element－paint”的值是否是“must”或“optionally”，例如步骤305。指令506可用于判断浏览器定义的首屏显示策略是否满足，例如步骤306。

本发明披露的实施例还提供了解决首屏显示策略之间的冲突的方法。当页面定义的首屏显示策略和浏览器定义的首屏显示策略存在冲突时，该方法可以用来在页面定义的首屏显示策略和浏览器定义的首屏显示策略之间选择一个策略。该方法可以与本发明中披露的方法相同或相似的方法，例如图2和图3所描述的方法。

图6示出了另一种与披露的实施例相一致的网页显示方法的示意流程图。图6所示的流程与图3所示的流程相似。但是，在图6中，可以配置浏览器使得首屏优先级扩展属性“priority”的值固定为“high”。相应的，图3中的步骤307和308可以省略。

如图6所示，步骤301可获取网页的元数据(metadata)。例如，在HTML中，元数据通过＜meta＞标签提供。所以，解析＜meta＞标签即可获得所述元数据。

步骤302包括解析一个元素。该元素可以是在浏览器显示网页首屏之前需要解析的任何合适的元素。

步骤303中，判断所述元素是否为首屏关键元素。当解析的元素是首屏关键元素时，执行步骤309，并且跳过步骤304－308。当解析的元素不是首屏关键元素时，执行步骤304。

步骤304处理元素排版。在步骤305中，判断首屏策略扩展属性“element－paint”的值是否为“must”。当首屏策略扩展属性“element－paint”的值为“must”，则执行步骤302。当首屏策略扩展属性“element－paint”的值不是“must”，则执行步骤306。

步骤306中，判断浏览器定义的首屏显示策略是否满足。当满足浏览器定义的首屏显示策略时，则执行步骤309。当浏览器定义的首屏显示策略没有满足时，则执行步骤302。

根据前述如图3所示的功能，图6还可以为首屏显示策略的冲突提供解决方法。

在各个实施例披露的方法中，网页开发人员可能希望显示网页首屏时有一个或多个指定的元素被显示。换句话说，网页开发人员期望可以根据自己的意愿来决定首屏显示内容。浏览器可配置有浏览器定义的首屏显示策略。

浏览器定义的首屏显示策略有时候并不能在首屏上确切地显示一个或多个指定的元素。在其他一些情况中，网页开发人员可以在开发网页时包括一个页面定义的首屏显示策略。所述页面定义的首屏显示策略可能与浏览器定义的首屏显示策略不同。这些情况都可以认为是页面定义的首屏显示策略和浏览器定义的首屏显示策略存在冲突。

当所述冲突存在时，可能浏览器并不能合理处理网页的首屏显示。因此，网页首屏显示会发生延迟，或者与网页开发人员的意图相比不能准确的显示首屏。

在图2和图3所描述的实施例中，网页开发人员可以在元数据中指定首屏关键元素，以此在网页的源代码中标记网页首屏的边界。因此，当在源代码中解析并识别到首屏关键元素的时候，浏览器可判断首屏显示的时间点到达。这样，即使是对于具有特殊内容会影响处理时间的网页，浏览器可以更容易地通过元数据来确定首屏显示的时间点，防止在确定首屏显示的时间点有难度时造成延迟。

进一步地，使用本发明披露的方法，网页开发人员可以确保根据其设计意图来显示网页首屏。举例来说，开发人员可以把首屏策略扩展属性“element－paint”的值设置为“must”。这样，网页的首屏会确切地显示网页开发人员想要显示的元素。

再举一例，如果开发人员不想排除浏览器定义的首屏显示策略，可以将首屏策略扩展属性“element－paint”的值设置为“optionally”。这样，当浏览器定义的首屏显示策略在解析首屏关键元素之前满足时，则显示首屏。当浏览器定义的首屏显示策略在解析首屏关键元素之前没有满足，在解析首屏关键元素后即可显示首屏，这样可以保证按照开发人员的要求及时显示网页首屏。

本发明的实施例还提供了一种加速网页显示首屏的方法。该方法包括在优先级为高时，对一个元素进行排版，在元素排版完成后不生成排版区域变更请求。这样可以防止其他任何潜在的由于生成排版区域变更请求导致的必然延迟。所述加速网页显示首屏的方法可以是与本发明披露的实施例相同或相似的方法，例如图2和图3所示的方法。

图7示出了另一种与披露的实施例相一致的网页显示方法的示意流程图。图7所示的流程与图3所示的流程相似。但是，在图7中，可以配置浏览器使得首屏策略扩展属性“element－paint”的值固定为“must”。相应的，图3中的步骤305和306可以省略。

如图7所示，步骤301可获取网页的元数据(metadata)。例如，在HTML中，元数据通过＜meta＞标签提供。所以，解析＜meta＞标签即可获得所述元数据。

步骤302包括解析一个元素。该元素可以是在浏览器显示网页首屏之前需要解析的任何合适的元素。

步骤303中，判断所述元素是否为首屏关键元素。当解析的元素是首屏关键元素时，执行步骤309，并且跳过步骤304，307和308。当解析的元素不是首屏关键元素时，执行步骤304。

步骤304进行元素排版处理。步骤307判断首屏优先级扩展属性“priority”的值是否为“high”。当首屏优先级扩展属性“priority”的值为“high”时，执行步骤302。当首屏优先级扩展属性“priority”的值不为“high”时，则执行步骤308。

在步骤308中，生成排版区域变更请求。为了响应排版区域变更请求，渲染引擎会重新计算排版区域是否由于先前的排版流程而产生变更。当排版区域变更时，发出绘制屏幕请求。绘画程序响应绘制请求，绘制并显示更新后的排版区域。在这种情况下，当前已经完成解析和排版处理的部分或全部元素会显示在电子设备的屏幕上。当完成步骤308后，可执行步骤302，即解析下一个元素。

根据前述如图3所示的功能，图7还可以提供加速网页显示首屏的方法。

此外，出于示意性的目的，图2，图3，图6和图7所示的流程包括了判断一个元素是否为首屏关键元素的步骤，然而加速网页首屏显示的方法可以在不指定首屏关键元素的情况下执行，并且首屏策略扩展属性也可以是不必要的。

图8示出了另一种与披露的实施例相一致的网页显示方法的示意流程。图8可提供一种加速网页首屏显示的方法。

如图8所示，步骤801包括获取网页的元数据。其中，元数据包括首屏优先级扩展属性。

步骤802包括判断是否要显示网页首屏。步骤803包括当需要显示网页首屏时，显示网页首屏。

步骤804中，当不需要显示网页首屏时，判断首屏优先级扩展属性的值是否意味着显示网页首屏的优先级为高。步骤804可以与图3和图7中描述的步骤307相同或相似。

步骤805中，当首屏优先级扩展属性的值意味着显示网页首屏的优先级为高时，不发送区域变更请求。继续解析下一个元素，或者解析并排版下一个元素(如果排版是必须的话)，并判断是否需要显示网页首屏。步骤805可以与图3或图7中从步骤307到步骤302的流程相同或相似。

步骤806中，当首屏优先级扩展属性的值意味着显示网页首屏的优先级为普通时，发送区域变更请求。继续解析下一个元素，或者解析并排版下一个元素(如果排版是必须的话)，并判断是否需要显示网页首屏。步骤806可以与图3或图7中步骤308的流程相同或相似。

在一些实施例中，元数据没有指定首屏关键元素，而且也没有首屏策略扩展属性。例如，＜meta＞标签提供的元数据可以有如下的语法：

＜meta name＝“first－screen－paint”content＝“priority：high/normal”＞

所以，这个网页没有需要首屏关键元素的页面定义的首屏显示策略。在这种情况下，在步骤802中，可以判定是否满足浏览器定义的首屏显示策略或者其他合适的首屏显示策略。当浏览器定义的首屏显示策略或者其他合适的首屏显示策略已经满足，则显示网页首屏。当浏览器定义的首屏显示策略或者其他合适的首屏显示策略未被满足，则不显示网页首屏。进一步地，在步骤803中，显示网页首屏的过程可以包括与图3中步骤309相同或相似的流程。

在其他一些实施例中，所述网页的所述元数据可以与图3中步骤301所示的元数据相似。也就是说，所述元数据指定了首屏关键元素，并包含页面定义的首屏显示策略。在这种情况下，所述网页拥有需要首屏关键元素的页面定义的首屏显示策略。所以，在步骤802中，在判断是否显示所述网页首屏时，可以包括与图3中步骤303、305和306类似的流程。更进一步地，在步骤803中，显示网页首屏的过程可以包括与图3中步骤309相同或相似的流程。

如前所述，当首屏优先级扩展属性的值指示首屏显示的优先级为高时，则在排版完成后不生成排版区域变更请求，并且防止其他任何潜在的由于生成排版区域变更请求导致的必然延迟。此外，先前已经解析和布排版的元素可以可以一次性绘制，即用单个绘制过程绘制，并且在这个绘制过程之前不进行绘制(如步骤309)。因此可以加速网页的首屏显示。

换句话说，当首屏优先级扩展属性的值指示首屏显示的优先级为高时，在第一时刻显示时间点和首屏显示时间点之间，可以减少或者除去生成排版区域变更请求和屏幕绘制请求。可以减少被绘制排版区域所占据的处理器时间和资源，并且以高优先级完成排版处理。另一方面，任何可能延迟首屏显示的步骤都有较低的优先级。

当首屏优先级扩展属性的值指示首屏显示的优先级为普通时，则和正常显示网页的流程相同，生成排版区域变更请求和绘制请求。此时，解析、排版和绘制首屏元素的方式与处理网页其余部分的元素的方式相同。

尽管在图2至图3以及图6至图8所示的流程中，各个步骤是按照一定顺序执行的。这些顺序均为示意性描述。其他不脱离本发明所公开的实施例的概念和解决方案的顺序均可适用。

举例来说，元素的排版处理并不一定要在步骤303和步骤305之间。所述元素排版的步骤可以放在步骤305和步骤306之间(即在判定首屏策略扩展属性的值不为“must”之后)，或者在步骤305和步骤307之间(即在判定首屏策略扩展属性的值为“must”之后)。

再举一例，判断是否满足浏览器定义的首屏显示策略时并不需要完成元素的排版处理。所以，元素的排版处理并不一定要在步骤306之前。所述元素排版的步骤可以放在步骤306和步骤307之间(即在判定浏览器定义的首屏显示策略没有满足之后)，或者在步骤305和步骤307之间(即在判定首屏策略扩展属性的值为“must”之后)。任何其他不脱离本发明所公开的概念和解决方案的，用其他顺序来实施图2－图3或图6－图7中描述的步骤均包含在本发明公开的范围内。

本发明所披露的实施例的公开了一种用于显示网页电子装置。电子设备可以包括处理器，显示系统，存储器，以及任何其他适当的组件。存储器可以包含令所述电子设备可以实施所披露的实施例中的方法的编码指令，如图2－图3和图6－图8所描述的方法。

所披露的实施例还公开了一种用于解决首屏显示策略冲突的电子装置。电子设备可以包括处理器，显示系统，存储器，以及任何其他适当的组件。存储器可以包含使所述电子设备可以实施所披露的实施例中的方法的编码指令，如图2－图3和图6所描述的方法。在一些实施例中，所诉显示网页的电子设备可以包括例如图1B所示的浏览模块(或浏览器)136。可以配置所述浏览器来实施种所披露的用于解决首屏显示策略冲突的方法。此外，在某些实施例中，用于解决首屏显示策略冲突的电子装置可以包括移动电话，智能电话，平板计算机等。

所披露的实施例还公开了一种用于加速网页首屏显示的电子装置。所述电子设备可以包括处理器，显示系统，存储器，以及任何其他适当的组件。所述存储器可以包含使所述电子设备可以实施所披露的实施例中的方法的编码指令，如－图3和图7－图8所描述的方法。在一些实施例中，所诉显示网页的电子设备可以包括例如图1B所示的浏览模块(或浏览器)136。可以配置所述浏览器来实施种所披露的用于加速网页首屏显示的方法。此外，在某些实施例中，用于加速网页首屏显示的电子装置可以包括移动电话，智能电话，平板计算机等。

在各种实施方案中，所披露的方法可以通过软件加上某些必需的通用硬件平台来实现。所披露的方法也可以由硬件实现。与所披露的实施例中的方法相应的部分或者全部步骤可以利用程序或软件指示相关的硬件来完成。所述程序或软件可以存储在一个(非临时性)的计算机可读存储介质中，包括，例如，只读存储器(ROM)，RAM，内部存储器，寄存器，计算机硬盘，可移动盘，CD－ROM，光盘，软盘，磁盘等。所述程序或软件可以包括编码指令，用来指示计算机系统如一个客户端，来执行所披露的实施例中的方法。所述客户端可以包括，例如，移动电话，智能电话，平板计算机，通用计算机等。

本文所用的术语“包括”或“含有”，或任何其他变体，意在涵盖非排他性的包括，使得包括一系列元素的过程，方法，物品或装置可以不仅包括所述的系列元素，而且还包括其它未明确列出的元素，或在这样的过程，方法，物品或装置固有的元素。如果没有进一步的限制，由语句中定义的元素“包括一个……”不排除可能包括在所述过程，方法，物品或装置中的多个与所述元素相同的元件。

以上公开的仅为本申请的几个具体实施例，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，任何本领域的技术人员能思之的变化，都应落在本申请的保护范围内。

工业实用性和有益效果

在不限制任何权利要求和/或说明书的保护范围情况下，所披露的实施例的工业适用性和有益效果仅用于说明的目的。对于本领域技术人员显而易见的各种替换，修改或等同于所公开的实施例的技术方案都可以包括在本申请的保护范围内。

所披露的用于显示网页的方法和电子设备，可应用在各种涉及接收和显示信息的移动设备中。所述应用可以包括，但不限于，在移动电话，平板电脑，个人数字助理，POS(point of sales，销售点)，车载电脑，或任何其他合适的电子设备上显示网页。

在与所披露的实施例相一致的方法中，可以获取一个网页的元数据。元数据可以指定首屏关键元素，并且包括首屏策略扩展属性。首屏策略扩展属性的值可以指示页面定义的首屏显示策略是强制的还是可选的。解析一个元素来判断所述元素是否为所述首屏关键元素。当所述元素是首屏关键元素，则显示网页首屏。当所述元素不是首屏关键元素而且首屏显示条件得到满足，则显示网页首屏。首屏显示条件可以是首屏策略扩展属性的值的函数。

利用所披露的方法，可以更快和/或更准确地显示网页的首屏，并且网页开发人员也可以对网页首屏的显示流程有更好的控制。

即使是对于包含会影响处理时间的特殊内容的网页，浏览器可以使用元数据更简单的判断首屏显示的时间点。因此，可以防止在判定首屏显示时间点时遇到的困难而造成的延迟。

进一步地，利用所披露的方法，网页开发人员可以确保根据其设计意图来显示网页首屏。另外，网页开发人员可以定义在网页的首屏上显示的内容，这样在两个不同的电子设备上显示的网页首屏内容均可相同。

再者，元数据可以包括首屏优先级扩展属性“priority”的值，以用来指定首屏显示的优先级。当该值指示首屏显示是高优先级的，则在排版完成后不生成排版区域变更请求，并且防止其他任何潜在的由于生成排版区域变更请求导致的必然延迟。此外，先前已经解析和布排版的元素可以一次性绘制，即用单个绘制过程绘制，并且在这个绘制过程之前不进行绘制。更进一步地，开发人员还能够控制在首屏上显示各个元素的顺序，例如是同时显示首屏内容还是逐渐显示首屏内容。

参考标记列表

客户端100a

客户端100b

客户端100c

服务器200a

服务器200b

网络300

电子设备100

存储器102

通信总线或信号线103

芯片104

输入/输出(I/O)子系统106

射频电路108

音频电路110

扬声器111

显示系统112

麦克风113

其他输入或控制设备116

外设接口118

处理器(CPU)120

存储控制器122

外部接口124

操作系统126

通信模块(或通信指令集)128

接触/动作模块(或接触/动作指令集)130

图形模块(或图形指令集)132

文本输入模块(或文本输入指令集)134

浏览模块136

显示控制器156

输入控制器160

电源系统162

光学传感器164

距离传感器166

加速计168

＜meta＞标签401

元素402

其他元素403

指令501

指令502

指令503

指令504

指令505

指令5

Claims (14)

1.一种显示网页的方法，其特征在于：

获取所述网页的元数据，所述元数据指定首屏关键元素并且包括首屏策略扩展属性，所述首屏策略扩展属性的值用于表明页面定义的首屏显示策略为强制的或可选的；

解析所述网页中的元素，以来判断所述元素是否为所述首屏关键元素；

当所述元素是所述首屏关键元素时，显示所述网页的首屏；以及

当所述元素不是所述首屏关键元素，并且首屏显示条件获得满足时，显示所述网页的首屏，所述首屏显示条件是所述首屏策略扩展属性的值的函数。

2.根据权利要求1所述的方法，其中所述首屏显示条件包括：

所述首屏策略扩展属性的值表明了所述页面定义的首屏显示策略是可选的。

3.根据权利要求2所述的方法，其中所述首屏显示条件还包括：

浏览器定义的首屏显示策略获得满足。

4.根据权利要求1所述的方法，其中所述元数据还包括首屏优先级扩展属性，所述首屏优先级扩展属性的值用于表明显示网页首屏的优先级为高或者普通。

5.根据权利要求4所述的方法，当所述元素不是所述首屏关键元素，并且所述首屏显示条件没有满足时，所述方法还包括：

当所述首屏优先级扩展属性的值表明了显示所述网页首屏的优先级为高时，不发送排版区域变更请求，继续解析所述网页的下一个元素；或者

当所述首屏优先级扩展属性的值表明了显示所述网页首屏的优先级为普通时，发送排版区域变更请求，并且解析所述网页的下一个元素。

6.根据权利要求4所述的方法，当所述首屏优先级扩展属性的值表明了显示所述网页首屏的优先级为高时，显示所述网页首屏包括：

在一个绘制过程中绘制所述首屏的所有元素，在所述绘制过程之前，所述首屏的任何元素都不进行绘制。

7.根据权利要求5所述的方法，当所述首屏优先级扩展属性的值表明了显示所述网页首屏的优先级为普通时，在发送所述排版区域变更请求后，所述方法还包括：

更新所述网页首屏的排版区域；以及

发送屏幕绘制请求用来绘制所述更新后的排版区域。

8.一种用于显示网页的电子设备，包括处理器、显示系统和存储器，所述存储器包含令所述电子设备通过一方法在所述显示系统上显示网页的编码指令，所述方法包括：

获取所述网页的元数据，所述元数据指定了首屏关键元素并且包括首屏策略扩展属性，所述首屏策略扩展属性的值用于表明页面定义的首屏显示策略为强制的或可选的；

解析所述网页的元素，以来判断所述元素是否为所述首屏关键元素；

当所述元素是所述首屏关键元素时，显示所述网页的首屏；以及

当所述元素不是所述首屏关键元素，并且首屏显示条件获得满足时，显示所述网页的首屏，所述首屏显示条件是所述首屏策略扩展属性的值的函数。

9.根据权利要求8所述的电子设备，其中所述首屏显示条件包括：

所述首屏策略扩展属性的值表明了所述页面定义的首屏显示策略是可选的。

10.根据权利要求9所述的电子设备，其中所述首屏显示条件还包括：

浏览器定义的首屏显示策略获得满足。

11.根据权利要求8所述的电子设备，其中所述元数据还包括首屏优先级扩展属性，所述首屏优先级扩展属性的值用于表明显示网页首屏的优先级为高或者普通。

12.根据权利要求11所述的电子设备，当所述元素不是所述首屏关键元素，并且所述首屏显示条件没有满足时，所述方法还包括：

当所述首屏优先级扩展属性的值表明了显示所述网页首屏的优先级为高时，不发送排版区域变更请求，继续解析所述网页的下一个元素；或者

当所述首屏优先级扩展属性的值表明了显示所述网页首屏的优先级为普通时，发送排版区域变更请求，并且解析所述网页的下一个元素。

13.根据权利要求11所述的电子设备，当所述首屏优先级扩展属性的值表明了显示所述网页首屏的优先级为高时，显示所述网页首屏包括：

在一个绘制过程中绘制所述首屏的所有元素，在所述绘制过程之前，所述首屏的任何元素都不进行绘制。

14.根据权利要求12所述的电子设备，当所述首屏优先级扩展属性的值表明了显示所述网页首屏的优先级为普通时，在发送所述排版区域变更请求后，所述方法还包括：

更新所述网页首屏的排版区域；以及

发送屏幕绘制请求用来绘制所述更新后的排版区域。

Images