CN106611047A - 一种网页加载方法及装置 - Google Patents
一种网页加载方法及装置 Download PDFInfo
- Publication number
- CN106611047A CN106611047A CN201611170861.XA CN201611170861A CN106611047A CN 106611047 A CN106611047 A CN 106611047A CN 201611170861 A CN201611170861 A CN 201611170861A CN 106611047 A CN106611047 A CN 106611047A
- Authority
- CN
- China
- Prior art keywords
- files
- webpage
- state
- loading
- target web
- 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
- 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)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种网页加载方法及装置。所述网页加载方法包括：接收网页加载请求，响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字和框架文件，当文字和框架文件加载完成后，对目标网页中的JS文件进行加载。本发明实施例的上述技术方案，由于在加载网页时，先加载网页中的文字、框架文件等基本结构，再加载JS文件，从而不会因JS文件过多而导致网页加载变慢，从而提高了网页加载速度，提升了用户的使用体验。
Description
技术领域
本发明涉及互联网技术领域，特别涉及一种网页加载方法及装置。
背景技术
浏览器是指可以显示网页服务器或者文件***的HTML(Hyper Text MarkupLanguage，超文本标记语言)文件内容，并让用户与这些文件交互的一种软件工具。随着互联网技术的飞速发展，浏览器在日常生活、工作和学习中的应用已经越来越频繁。
目前，浏览器加载解析网页过程通常是通过并行的方式进行的，即边下载网页内容边对网页内容进行渲染。在下载过程中，如果网页数据中有JS(Javascript，一种区分大小写的客户端脚本语言)数据的话，并且如果JS较多的话，则网页加载很慢，用户体验不好。
发明内容
鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种网页加载方法及装置。
本发明提供一种网页加载方法，包括：
接收网页加载请求；
响应于接收到所述网页加载请求，加载所述网页加载请求对应的目标网页中的文字和框架文件；
当所述文字和框架文件加载完成后，对所述目标网页中的JS文件进行加载。
在一个实施例中，所述方法还可包括：
判断所述JS文件是否加载完成；
当所述JS文件加载完成时，将所述JS文件的状态由第一状态更改为第二状态。
在一个实施例中，所述方法还可包括：
接收针对所述目标网页中按钮的点击操作；
响应于接收到所述点击操作，获取所述按钮涉及的JS文件的状态；
当所述按钮涉及的JS文件中至少一个JS文件的状态为第一状态时，向用户发出提示信息，所述提示信息用于提示用户所述JS文件正在加载。
在一个实施例中，所述方法还可包括：
当所述按钮涉及的JS文件的状态均为第二状态时，实现所述按钮功能。
在一个实施例中，所述方法还可包括：
当所述文字、框架文件加载完成后，加载所述目标网页中的第一类图片；
当所述目标网页的页面滚动时，对所述目标网页中的第二类图片进行加载和更换。
本发明还提供一种网页加载装置，包括：
第一接收模块，用于接收网页加载请求；
第一加载模块，用于响应于接收到所述网页加载请求，加载所述网页加载请求对应的目标网页中的文字和框架文件；
第二加载模块，用于当所述文字和框架文件加载完成后，对所述目标网页中的JS文件进行加载。
在一个实施例中，所述装置还可包括：
判断模块，用于判断所述JS文件是否加载完成；
更改模块，用于当所述JS文件加载完成时，将所述JS文件的状态由第一状态更改为第二状态。
在一个实施例中，所述装置还可包括：
第二接收模块，用于接收针对所述目标网页中按钮的点击操作；
获取模块，用于响应于接收到所述点击操作，获取所述按钮涉及的JS文件的状态；
提示模块，用于当所述按钮涉及的JS文件中至少一个JS文件的状态为第一状态时，向用户发出提示信息，所述提示信息用于提示用户所述JS文件正在加载。
在一个实施例中，所述装置还可包括：
执行模块，用于当所述按钮涉及的JS文件的状态均为第二状态时，执行所述按钮功能。
在一个实施例中，所述装置还可包括：
第三加载模块，用于当所述文字、框架文件加载完成后，加载所述目标网页中的第一类图片；
第四加载模块，用于当所述目标网页的页面滚动时，对所述目标网页中的第二类图片进行加载和更换。
本发明实施例的一些有益效果可以包括：
本发明实施例的上述技术方案，通过接收网页加载请求，响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字和框架文件，当文字和框架文件加载完成后，对目标网页中的JS文件进行加载。由于在加载网页时，先加载网页中的文字、框架文件等基本结构，再加载JS文件，从而不会因JS文件过多而导致网页加载变慢，从而提高了网页加载速度，提升了用户的使用体验。
本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
附图说明
附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：
图1为本发明实施例中一种网页加载方法的流程图；
图2为本发明实施例中另一种网页加载方法的流程图；
图3为本发明实施例中另一种网页加载方法的流程图；
图4为本发明实施例中另一种网页加载方法的流程图；
图5为本发明实施例中另一种网页加载方法的流程图；
图6为本发明实施例中一种网页加载装置的框图；
图7为本发明实施例中另一种网页加载装置的框图；
图8为本发明实施例中另一种网页加载装置的框图。
图9为本发明实施例中另一种网页加载装置的框图。
图10为本发明实施例中另一种网页加载装置的框图。
具体实施方式
以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
图1所示为本发明实施例中一种网页加载方法的流程图，用于第一终端，第一终端可以是移动终端或固定终端，本发明实施例不做限定。如图1所示，包括以下步骤S11-S13：
步骤S11，接收网页加载请求。
步骤S12，响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字和框架文件。
步骤S13，当文字和框架文件加载完成后，对目标网页中的JS文件进行加载。
现有技术中，在加载网页时，如果界面中JS很多，则网页加载很慢，本发明实施例的上述方法，通过接收网页加载请求，响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字和框架文件，当文字和框架文件加载完成后，对目标网页中的JS文件进行加载。由于在加载网页时，先加载网页中的文字、框架文件等基本结构，再加载JS文件，从而不会因JS文件过多而导致网页加载变慢，从而提高了网页加载速度，提升了用户的使用体验。
在一个实施例中，如图2所示，该网页加载方法还可包括以下步骤S14-S15：
步骤S14，判断JS文件是否加载完成。
步骤S15，当JS文件加载完成时，将JS文件的状态由第一状态更改为第二状态。
JS默认状态为第一状态fault，当加载完成时修改为第二状态true。在一个实施例中，如图3所示，该网页加载方法还可包括以下步骤S16-S18：
步骤S16，接收针对目标网页中按钮的点击操作。
步骤S17，响应于接收到点击操作，获取按钮涉及的JS文件的状态。
步骤S18，当按钮涉及的JS文件中至少一个JS文件的状态为第一状态时，向用户发出提示信息，提示信息用于提示用户JS文件正在加载。
当用户点击某个按钮时，检查该按钮的JS状态，如果JS状态为fault，则向用户发出提示信息，提示信息用于提示用户JS文件正在加载或者提示用户等候。
在一个实施例中，如图4所示，该网页加载方法还可包括以下步骤S19：
步骤S19，当按钮涉及的JS文件的状态均为第二状态时，实现按钮功能。
一个按钮可能涉及多个JS，需要每个JS的状态均为第二状态true才能实现按钮功能。
在一个实施例中，如图5所示，该网页加载方法还可包括以下步骤S20-S21：
步骤S20，当文字、框架文件加载完成后，加载目标网页中的第一类图片；
步骤S21，当目标网页的页面滚动时，对目标网页中的第二类图片进行加载和更换。
将网页中的图片进行分类，划分为第一类图片和第二类图片。第一类图片为网站内部的图片即站内图片，第二类图片为站外图片。
在加载网页时，先加载网页中的文字、框架文件和第一类图片，当目标网页的页面滚动时，文字、框架文件和第一类图片不用重新加载，仅对第二类图片进行加载和更换，从而提高了网页加载速度，提升了用户的使用体验。
基于同一发明构思，本发明实施例还提供了一种网页加载装置，由于该装置所解决问题的原理与前述网页加载方法相似，因此该装置的实施可以参见前述方法的实施，重复之处不再赘述。
图6所示为本发明实施例中一种网页加载装置的框图，如图6所示，该装置包括：
第一接收模块61，用于接收网页加载请求；
第一加载模块62，用于响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字和框架文件；
第二加载模块63，用于当文字和框架文件加载完成后，对目标网页中的JS文件进行加载。
在一个实施例中，如图7所示，该网页加载装置还可包括：
判断模块64，用于判断JS文件是否加载完成；
更改模块65，用于当JS文件加载完成时，将JS文件的状态由第一状态更改为第二状态。
在一个实施例中，如图8所示，该网页加载装置还可包括：
第二接收模块66，用于接收针对目标网页中按钮的点击操作；
获取模块67，用于响应于接收到点击操作，获取按钮涉及的JS文件的状态；
提示模块68，用于当按钮涉及的JS文件中至少一个JS文件的状态为第一状态时，向用户发出提示信息，提示信息用于提示用户JS文件正在加载。
在一个实施例中，如图9所示，该网页加载装置还可包括：
执行模块69，用于当按钮涉及的JS文件的状态均为第二状态时，执行按钮功能。
在一个实施例中，如图10所示，该网页加载装置还可包括：
第三加载模块70，用于当文字、框架文件加载完成后，加载目标网页中的第一类图片；
第四加载模块71，用于当目标网页的页面滚动时，对目标网页中的第二类图片进行加载和更换。
本发明实施例的上述装置，通过接收网页加载请求，响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字和框架文件，当文字和框架文件加载完成后，对目标网页中的JS文件进行加载。由于在加载网页时，先加载网页中的文字、框架文件等基本结构，再加载JS文件，从而不会因JS文件过多而导致网页加载变慢，从而提高了网页加载速度，提升了用户的使用体验。
本领域内的技术人员应明白，本发明的实施例可提供为方法、***、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
Claims (10)
1.一种网页加载方法，其特征在于，包括：
接收网页加载请求；
响应于接收到所述网页加载请求，加载所述网页加载请求对应的目标网页中的文字和框架文件；
当所述文字和框架文件加载完成后，对所述目标网页中的JS文件进行加载。
2.如权利要求1所述的方法，其特征在于，所述方法还包括：
判断所述JS文件是否加载完成；
当所述JS文件加载完成时，将所述JS文件的状态由第一状态更改为第二状态。
3.如权利要求2所述的方法，其特征在于，所述方法还包括：
接收针对所述目标网页中按钮的点击操作；
响应于接收到所述点击操作，获取所述按钮涉及的JS文件的状态；
当所述按钮涉及的JS文件中至少一个JS文件的状态为第一状态时，向用户发出提示信息，所述提示信息用于提示用户所述JS文件正在加载。
4.如权利要求3所述的方法，其特征在于，所述方法还包括：
当所述按钮涉及的JS文件的状态均为第二状态时，实现所述按钮功能。
5.如权利要求1-4中任一项所述的方法，其特征在于，所述方法还包括：
当所述文字、框架文件加载完成后，加载所述目标网页中的第一类图片；
当所述目标网页的页面滚动时，对所述目标网页中的第二类图片进行加载和更换。
6.一种网页加载装置，其特征在于，包括：
第一接收模块，用于接收网页加载请求；
第一加载模块，用于响应于接收到所述网页加载请求，加载所述网页加载请求对应的目标网页中的文字和框架文件；
第二加载模块，用于当所述文字和框架文件加载完成后，对所述目标网页中的JS文件进行加载。
7.如权利要求6所述的装置，其特征在于，所述装置还包括：
判断模块，用于判断所述JS文件是否加载完成；
更改模块，用于当所述JS文件加载完成时，将所述JS文件的状态由第一状态更改为第二状态。
8.如权利要求7所述的装置，其特征在于，所述装置还包括：
第二接收模块，用于接收针对所述目标网页中按钮的点击操作；
获取模块，用于响应于接收到所述点击操作，获取所述按钮涉及的JS文件的状态；
提示模块，用于当所述按钮涉及的JS文件中至少一个JS文件的状态为第一状态时，向用户发出提示信息，所述提示信息用于提示用户所述JS文件正在加载。
9.如权利要求8所述的装置，其特征在于，所述装置还包括：
执行模块，用于当所述按钮涉及的JS文件的状态均为第二状态时，执行所述按钮功能。
10.如权利要求6-9中任一项所述的装置，其特征在于，所述装置还包括：
第三加载模块，用于当所述文字、框架文件加载完成后，加载所述目标网页中的第一类图片；
第四加载模块，用于当所述目标网页的页面滚动时，对所述目标网页中的第二类图片进行加载和更换。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611170861.XA CN106611047A (zh) | 2016-12-16 | 2016-12-16 | 一种网页加载方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611170861.XA CN106611047A (zh) | 2016-12-16 | 2016-12-16 | 一种网页加载方法及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106611047A true CN106611047A (zh) | 2017-05-03 |
Family
ID=58636173
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611170861.XA Pending CN106611047A (zh) | 2016-12-16 | 2016-12-16 | 一种网页加载方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106611047A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111695064A (zh) * | 2020-04-29 | 2020-09-22 | 北京城市网邻信息技术有限公司 | 一种埋点加载方法及装置 |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1987851A (zh) * | 2005-12-22 | 2007-06-27 | 腾讯科技（深圳）有限公司 | 一种网页数据的更新显示方法 |
| CN101483537A (zh) * | 2009-02-12 | 2009-07-15 | 周佺喜 | 网页即时通讯中实时显示网站用户状态的方法 |
| CN102073694A (zh) * | 2010-12-17 | 2011-05-25 | 传神联合（北京）信息技术有限公司 | 原译文多页面审校方法 |
| CN102591963A (zh) * | 2011-12-30 | 2012-07-18 | 奇智软件（北京）有限公司 | 网页内容加载控制方法及装置 |
| CN103412890A (zh) * | 2013-07-19 | 2013-11-27 | 北京亿赞普网络技术有限公司 | 一种网页加载方法和装置 |
| CN104573023A (zh) * | 2015-01-12 | 2015-04-29 | 天津车之家科技有限公司 | 一种网页图片检查方法、装置及计算设备 |
| CN105205845A (zh) * | 2015-09-14 | 2015-12-30 | 广州视睿电子科技有限公司 | 网页动画渲染方法及装置 |
| CN105701246A (zh) * | 2015-11-25 | 2016-06-22 | 青岛海信电器股份有限公司 | 一种基于web应用的终端信息的加载方法与装置 |
-
2016
- 2016-12-16 CN CN201611170861.XA patent/CN106611047A/zh active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1987851A (zh) * | 2005-12-22 | 2007-06-27 | 腾讯科技（深圳）有限公司 | 一种网页数据的更新显示方法 |
| CN101483537A (zh) * | 2009-02-12 | 2009-07-15 | 周佺喜 | 网页即时通讯中实时显示网站用户状态的方法 |
| CN102073694A (zh) * | 2010-12-17 | 2011-05-25 | 传神联合（北京）信息技术有限公司 | 原译文多页面审校方法 |
| CN102591963A (zh) * | 2011-12-30 | 2012-07-18 | 奇智软件（北京）有限公司 | 网页内容加载控制方法及装置 |
| CN103412890A (zh) * | 2013-07-19 | 2013-11-27 | 北京亿赞普网络技术有限公司 | 一种网页加载方法和装置 |
| CN104573023A (zh) * | 2015-01-12 | 2015-04-29 | 天津车之家科技有限公司 | 一种网页图片检查方法、装置及计算设备 |
| CN105205845A (zh) * | 2015-09-14 | 2015-12-30 | 广州视睿电子科技有限公司 | 网页动画渲染方法及装置 |
| CN105701246A (zh) * | 2015-11-25 | 2016-06-22 | 青岛海信电器股份有限公司 | 一种基于web应用的终端信息的加载方法与装置 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111695064A (zh) * | 2020-04-29 | 2020-09-22 | 北京城市网邻信息技术有限公司 | 一种埋点加载方法及装置 |
| CN111695064B (zh) * | 2020-04-29 | 2023-08-18 | 北京城市网邻信息技术有限公司 | 一种埋点加载方法及装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3465467B1 (en) | Web page accelerations for web application hosted in native mobile application | |
| CN104838405B (zh) | 用于应用程序的测试框架的方法和*** | |
| CN103886029B (zh) | 网页应用的实现方法、装置、服务器及*** | |
| CN104657499A (zh) | 一种客户端app的网页加载方法及装置 | |
| CN104572843B (zh) | 一种页面的加载方法及装置 | |
| US10263858B2 (en) | Environment simulator for user percentile | |
| CN104408204A (zh) | 网页页面链接地址的获取方法和装置 | |
| CN105373478B (zh) | 自动化测试方法和*** | |
| CN106021549A (zh) | Web应用程序的页面控制方法、装置及终端设备 | |
| CN107943997B (zh) | 一种基于谷歌浏览器的远程网站取证方法、终端设备及存储介质 | |
| CN107679214B (zh) | 链接定位方法、装置、终端与计算机可读存储介质 | |
| CN111061956A (zh) | 用于生成信息的方法和装置 | |
| CN103955495B (zh) | 页面子资源的下载方法及装置 | |
| CN105528132B (zh) | 应用于浏览器的文本输入框显示方法和装置 | |
| CN107305528B (zh) | 应用测试方法和装置 | |
| CN103581987B (zh) | 移动终端设备的网页下载速度的测试方法及装置 | |
| US20120331038A1 (en) | Systems and methods for processing web service piped network requests | |
| CN109948074A (zh) | 网站数据对接方法、装置、存储介质、处理器及电子设备 | |
| US20180084075A1 (en) | Request cache to improve web applications performance | |
| CN107766224B (zh) | 测试方法和测试装置 | |
| CN104777960B (zh) | 实现可分段触发的组合对象跑马灯的方法和装置 | |
| CN103488508B (zh) | 一种浏览器的工作方法、浏览器及终端设备 | |
| CN105243088B (zh) | Android***中获取网页内容的方法及装置 | |
| CN111597102A (zh) | 一种页面性能的测试方法、终端及存储介质 | |
| CN106611047A (zh) | 一种网页加载方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for 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: 20170503 |