加载进度的显示控制方法、装置、浏览器和电子设备的制作方法
【专利摘要】本发明公开了一种加载进度的显示控制方法、装置、浏览器和电子设备，所述方法包括：加载待加载数据，其中，待加载数据包括第一待加载数据和第二待加载数据；监控待加载数据的加载过程中被触发的浏览器类应用程序的加载事件；以及当被触发的浏览器类应用程序的加载事件为第一待加载数据的加载完成事件时，控制浏览器类应用程序中的加载进度显示加载完成。本发明实施例的加载进度的显示控制方法，避免了加载进度等待第二待加载数据的加载过程，给用户以极速、流畅的体验。
【专利说明】加载进度的显示控制方法、装置、浏览器和电子设备
【技术领域】
[0001] 本发明涉及加载控制【技术领域】，尤其涉及一种加载进度的显示控制方法、装置、浏 览器和电子设备。
【背景技术】
[0002] 为了使用户你能够了解网页的加载进度，在网页加载过程中会实时显示加载进 度，举例来说，可通过显示加载进度条等形式为用户提供加载进度。
[0003] 目前，在网页的全部数据加载完成时加载进度才会全部完成，网页的主框架的加 载、渲染速度很快，但是，当网页中包括图片、视频等较大的资源时，这些较大的资源需要很 长的时间来加载和渲染，从而用户在完成对网页的主框架内容的浏览时，加载进度还未完 成，这就会给用户一种加载停滞的错觉，使用户认为网速慢或者浏览器相应迟缓，用户体验 差。
【发明内容】
[0004] 本发明旨在至少在一定程度上解决相关技术中的技术问题之一。为此，本发明第 一方面的目的在于提出一种加载进度的显示控制方法，能够给用户以极速、流畅的体验。
[0005] 本发明的第二方面的目的在于提出一种加载进度的显示控制装置。
[0006] 本发明的第三方面的目的在于提出一种浏览器。
[0007] 本发明的第四方面的实施例在于提出一种电子设备。
[0008] 为达上述目的，根据本发明第一方面实施例提出了一种加载进度的显示控制方 法，包括：加载待加载数据，其中，所述待加载数据包括第一待加载数据和第二待加载数据； 监控所述待加载数据的加载过程中被触发的浏览器类应用程序的加载事件；以及当被触发 的浏览器类应用程序的加载事件为所述第一待加载数据的加载完成事件时，控制所述浏览 器类应用程序中的加载进度显示加载完成。
[0009] 本发明实施例的加载进度的显示控制方法，通过监控在待加载数据的加载过程中 被触发的事件，以在待加载数据中的第一待加载数据的加载完成事件被触发时控制浏览器 类应用程序中的加载进度显示加载完成，避免了加载进度等待第二待加载数据的加载过 程，给用户以极速、流畅的体验。
[0010] 本发明的第二方面的实施例提供了一种加载进度的显示控制装置，包括：加载模 块，用于加载待加载数据，其中，所述待加载数据包括第一待加载数据和第二待加载数据； 监控模块，用于监控所述待加载数据的加载过程中被触发的浏览器类应用程序的加载事 件；以及控制模块，用于当所述监控模块监控到的被触发的浏览器类应用程序的加载事件 为所述第一待加载数据的加载完成事件时，控制所述浏览器类应用程序中的加载进度显示 加载完成。
[0011] 本发明实施例的加载进度的显示控制装置，通过监控在待加载数据的加载过程中 被触发的事件，以在待加载数据中的第一待加载数据的加载完成事件被触发时控制浏览器 类应用程序中的加载进度显示加载完成，避免了加载进度等待第二待加载数据的加载过 程，给用户以极速、流畅的体验。
[0012] 本发明的第三方面的实施例提供了一种浏览器，具有本发明第二方面的实施例的 加载进度的显示控制装置。
[0013] 本发明实施例的浏览器，通过监控在待加载数据的加载过程中被触发的事件，以 在待加载数据中的第一待加载数据的加载完成事件被触发时控制浏览器类应用程序中的 加载进度显示加载完成，避免了加载进度等待第二待加载数据的加载过程，给用户以极速、 流畅的体验。
[0014] 本发明的第四方面的实施例提供了一种电子设备，包括：外壳，显示器、电路板和 处理器，其中，所述电路板安置在所述外壳围成的空间内部，所述显示器在所述外壳外部， 并与所述电路板相连接，所述处理器设置在所述电路板上；所述处理器用于处理数据，并具 体用于执行：加载待加载数据，其中，所述待加载数据包括第一待加载数据和第二待加载数 据；监控所述待加载数据的加载过程中被触发的浏览器类应用程序的加载事件；以及当被 触发的浏览器类应用程序的加载事件为所述第一待加载数据的加载完成事件时，控制所述 浏览器类应用程序中的加载进度显示加载完成。
[0015] 本发明实施例的电子设备，通过监控在待加载数据的加载过程中被触发的事件， 以在待加载数据中的第一待加载数据的加载完成事件被触发时控制浏览器类应用程序中 的加载进度显示加载完成，避免了加载进度等待第二待加载数据的加载过程，给用户以极 速、流畅的体验。
【专利附图】
【附图说明】
[0016] 本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变 得明显和容易理解，其中 ：
[0017] 图1为根据本发明一个实施例的加载进度的显示控制方法的流程图；
[0018] 图2为根据本发明一个实施例的加载进度显示加载完成时的页面示意图；。
[0019] 图3为根据本发明另一个实施例的加载进度的显示控制方法的流程图；
[0020] 图4为根据本发明一个实施例的加载进度的显示控制装置的结构示意图；
[0021] 图5为根据本发明另一个实施例的加载进度的显示控制装置的结构示意图；
[0022] 图6为根据本发明又一个实施例的加载进度的显示控制装置的结构示意图。
【具体实施方式】
[0023] 下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终 相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附 图描述的实施例是示例性的，旨在用于解释本发明，而不能理解为对本发明的限制。
[0024] 下面参考附图描述根据本发明实施例的加载进度的显示控制方法、装置浏览器和 电子设备。
[0025] 为了在网页加载时给用户流畅的加载体验，本发明的实施例提出一种加载进度的 显示控制方法。
[0026] 图1为根据本发明一个实施例的加载进度的显示控制方法的流程图。如图1所示， 该加载进度的显示控制方法，包括：
[0027] S101，加载待加载数据，其中，待加载数据包括第一待加载数据和第二待加载数 据。
[0028] 在本发明的一个实施例中，待加载数据可为网页数据，如HTML (Hypertext Markup Language，超文本标记语言）数据等，第一待加载数据为网页的主框架数据，第二待加载数 据为嵌入主框架的嵌入数据，如嵌入的图片、视频、XML(Extensible Markup Language,可 扩展标记语言）包、JS脚本、CSS (Cascading Style Sheet,层叠样式表）、Flash等。
[0029] S102,监控待加载数据的加载过程中被触发的浏览器类应用程序的加载事件。
[0030] 其中，浏览器类应用程序为内置有渲染引擎，并可通过渲染引擎编辑、显示网络内 容的应用程序，如浏览器、电子邮件客户端等应用程序。渲染引擎也叫排版引擎，用于取得 网页的内容（HTML、XML(Extensible Markup Language,可扩展标记语言）、图像等）、整理 网页信息（例如加入CSS等），以及计算网页的显示方式并输出至显示器或打印机。
[0031] 在本发明的实施例中，在浏览器类应用程序加载数据时，渲染引擎在加载完成不 同的数据时会触发不同的加载事件。举例来说，当HTML文件的主框架数据加载完成时会触 发ready事件，而当HTML文件的全部数据（包括主框架数据以及嵌入数据等）加载完成时 会触发onload事件。
[0032] S103,当被触发的浏览器类应用程序的加载事件为第一待加载数据的加载完成事 件时，控制浏览器类应用程序中的加载进度显示加载完成。
[0033] 在本发明的实施例中，当第一待加载数据的加载完成事件时被触发时，网页数据 的主框架数据已加载完成，网页中的文字内容已经可以完全显示，用户可以浏览器网页的 文字内容，但第二待加载数据还未加载完成，而第二待加载数据因为数据量大、需要通过链 接调用等原因需要很长一段的加载时间。为了避免了用户等待第二待加载数据的加载过 程，给用户流畅、极速的视觉体验，可预先将第一待加载数据的加载完成事件对应的加载进 度修改为加载完成。在第一待加载数据的加载完成事件时被触发时，即可控制浏览器类应 用程序中的加载进度显示加载完成。同时，在用户浏览已加载完成的数据时，同步继续加载 第二待加载数据。
[0034] 举例来说，对于以下HTML数据，包括：图片以及文字内容ABC，当其主框架加载完 成时可显示如图2所示的网页，文字区域显示了文字内容ABC，而图片上方的图片区域的图 片尚未加载完成因而尚未显示，此时网页的加载进度即显示加载完成，以加载进度条为例， 进度条已走完全程，即加载进度为100%。
[0035]
【权利要求】
1. 一种加载进度的显示控制方法，其特征在于，包括： 加载待加载数据，其中，所述待加载数据包括第一待加载数据和第二待加载数据； 监控所述待加载数据的加载过程中被触发的浏览器类应用程序的加载事件；以及 当被触发的浏览器类应用程序的加载事件为所述第一待加载数据的加载完成事件时， 控制所述浏览器类应用程序中的加载进度显示加载完成。
2. 如权利要求1所述的方法，其特征在于，所述待加载数据为网页数据，其中，所述第 一待加载数据为主框架数据，所述第二待加载数据为嵌入主框架的嵌入数据。
3. 如权利要求1或2所述的方法，其特征在于，在当所述第一待加载数据的加载完成事 件被触发之前，还包括： 获取所述第一待加载数据中已加载完成的数据量；以及 根据所述已加载完成的数据量控制所述浏览器类应用程序中的加载进度的显示。
4. 如权利要求1或2所述的方法，其特征在于，在所述第一待加载数据的加载完成事件 被触发之前，还包括： 获取所述待加载数据加载过程中被触发的加载事件对应的加载进度显示位置，并根据 所述加载进度显示位置控制所述浏览器类应用程序中的加载进度的显示。
5. 如权利要求2所述的方法，其特征在于，所述第二待加载数据包括图片、视频、XML可 扩展标记语言包、JS脚本、CSS层叠样式表中的一种或多种。
6. -种加载进度的显示控制装置，其特征在于，包括： 加载模块，用于加载待加载数据，其中，所述待加载数据包括第一待加载数据和第二待 加载数据； 监控模块，用于监控所述待加载数据的加载过程中被触发的浏览器类应用程序的加载 事件；以及 控制模块，用于当所述监控模块监控到的被触发的浏览器类应用程序的加载事件为所 述第一待加载数据的加载完成事件时，控制所述浏览器类应用程序中的加载进度显示加载 完成。
7. 如权利要求6所述的装置，其特征在于，所述待加载数据为网页数据，其中，所述第 一待加载数据为主框架数据，所述第二待加载数据为嵌入主框架的嵌入数据。
8. 如权利要求6或7所述的装置，其特征在于，还包括： 第一获取模块，用于获取所述第一待加载数据中已加载完成的数据量； 所述控制模块还用于根据所述已加载完成的数据量控制所述浏览器类应用程序中的 加载进度的显示。
9. 如权利要求6或7所述的装置，其特征在于，还包括： 第二获取模块，用于获取所述待加载数据加载过程中被触发的加载事件对应的加载进 度显示位置； 所述控制模块还用于根据所述加载进度显示位置控制所述浏览器类应用程序中的加 载进度的显示。
10. 如权利要求7所述的装置，其特征在于，所述第二待加载数据包括图片、视频、XML 可扩展标记语言包、JS脚本、CSS层叠样式表中的一种或多种。
11. 一种浏览器，其特征在于，包括如权利要求6-10任一项所述的加载进度的显示控 制装置。
12. -种电子设备，其特征在于，包括：外壳，显示器、电路板和处理器，其中，所述电路 板安置在所述外壳围成的空间内部，所述显示器在所述外壳外部，并与所述电路板相连接， 所述处理器设置在所述电路板上；所述处理器用于处理数据，并具体用于执行： 加载待加载数据，其中，所述待加载数据包括第一待加载数据和第二待加载数据； 监控所述待加载数据的加载过程中被触发的浏览器类应用程序的加载事件；以及 当被触发的浏览器类应用程序的加载事件为所述第一待加载数据的加载完成事件时， 控制所述浏览器类应用程序中的加载进度显示加载完成。
【文档编号】G06F9/445GK104239524SQ201410476090
【公开日】2014年12月24日 申请日期:2014年9月17日 优先权日:2014年9月17日
【发明者】关翔, 曾良军 申请人:可牛网络技术（北京）有限公司