CN103559222A - 浏览器中显示页面加载时间的方法和装置 - Google Patents
浏览器中显示页面加载时间的方法和装置 Download PDFInfo
- Publication number
- CN103559222A CN103559222A CN201310493088.0A CN201310493088A CN103559222A CN 103559222 A CN103559222 A CN 103559222A CN 201310493088 A CN201310493088 A CN 201310493088A CN 103559222 A CN103559222 A CN 103559222A
- Authority
- CN
- China
- Prior art keywords
- web page
- request
- browser
- categories
- time
- 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.)
- Granted
Links
Images
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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Abstract
本发明公开了一种浏览器中显示页面加载时间的方法和装置，以解决计算的网页加载时间并不准确的问题。所述的方法包括：调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间；分别计算所述当前页面中各类别网页元素的请求和/或加载时间；在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。通过开发接口可以准确地获取网页元素的请求和/或加载时间，从而准确的计算网页的加载时间。
Description
技术领域
本发明涉及计算机技术，具体涉及一种浏览器中显示页面加载时间的方法和装置。
背景技术
用户通常会采用浏览器开启网页在网络中查看各种资源，但是浏览器开启网页的时间有长有短，用户通常无法获知网页加载的准确时间。
当前具有一些计算浏览器中网页加载时间的方式，如采用网页中Head元素和Body元素之间解析所花费时间的差作为网页的加载时间。但是实际处理中，网页加载时还会加载一些图片、视频等元素，而采用上述方法时并没有考虑到这些元素的加载时间，因此所计算的网页加载时间并不准确。
发明内容
鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的显示页面加载时间的装置和相应的显示页面加载时间的方法。
依据本发明的一个方面，提供了一种浏览器中显示页面加载时间的方法，包括：调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间；分别计算所述当前页面中各类别网页元素的请求和/或加载时间；在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。
本发明一个可选实施例中，所述调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间，包括：调用浏览器的开发接口的网络接口获取各种网页元素的请求时间；和/或调用浏览器的开发接口的时间线接口获取各种网页元素的加载时间，其中所述加载包括对网页元素的解析和渲染。
本发明一个可选实施例中，所述在所述当前页面中显示所述各类别网页元素的请求和/或加载时间，包括以下至少一项：在当前页面的网页标签头中按照类别显示网页元素的请求和/或加载时间；按照所述各类别网页元素的请求和/或加载时间统计当前页面的显示时间，并在所述当前页面的网页标签头中显示所述显示时间。
本发明一个可选实施例中，还包括：按照类别分别统计各类别中网页元素的请求总时间和/或加载总时间并上传至服务器。
本发明一个可选实施例中，所述按照类别分别统计各类别中元素的请求总时间和/或加载总时间并上传至服务器，包括：按照类别对当前页面中的网页元素进行分类，并分别计算各类别网页元素的请求总时间和/或加载总时间；将所述各类别网页元素的请求总时间和/或加载总时间与所述浏览器中存储的用户信息进行绑定构成时间信息，并将所述时间信息发送至服务器。
本发明一个可选实施例中，还包括：在浏览器中添加测速应用的测速入口，并显示所述测速应用从服务器中获取的测速对比信息，所述测速对比信息是服务器依据所述时间信息确定的。
本发明一个可选实施例中，还包括：在所述浏览器的插件中添加时间显示窗口；采用所述时间显示窗口显示所述浏览器中各类别网页元素的请求和/或加载时间，以及由服务器反馈的依据所述时间信息确定的测速对比信息。
本发明一个可选实施例中，还包括：在浏览器请求页面其所述页面未开启前，依据所述页面的网页地址，从服务器处获取其他用户的浏览器开启所述页面的平均时间，并显示所述平均时间。
本发明一个可选实施例中，还包括：在所述浏览器中设置测速应用的加速入口，在所述浏览器开启页面时，依据页面中网页元素的请求和/或加载时间对开启的页面进行加速。
根据本发明的另一方面，提供了一种浏览器中显示页面加载时间的装置，包括：获取模块，用于调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间；分类计算模块，用于分别计算所述当前页面中各类别网页元素的请求和/或加载时间；显示模块，用于在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。
本发明一个可选实施例中，所述获取模块，用于调用浏览器的开发接口的网络接口获取各种网页元素的网络请求时间；和/或，调用浏览器的开发接口的时间线接口获取各种网页元素的加载时间，其中所述加载包括对网页元素的解析和渲染。
本发明一个可选实施例中，所述显示模块，用于在所述当前页面中显示所述各类别网页元素的请求和/或加载时间，包括以下至少一项：在当前页面的网页标签头中按照类别显示网页元素的请求和/或加载时间；按照所述各类别网页元素的请求和/或加载时间统计当前页面的显示时间，并在所述当前页面的网页标签头中显示所述显示时间。
本发明一个可选实施例中，统计并上传模块，用于按照类别分别统计各类别中网页元素的请求总时间和/或加载总时间并上传至服务器。
本发明一个可选实施例中，所述统计并上传模块，包括：分类计算子模块，用于按照类别对当前页面中的网页元素进行分类，并分别计算各类别网页元素的请求总时间和/或加载总时间；绑定并发送子模块，用于将所述各类别网页元素的请求总时间和/或加载总时间与所述浏览器中存储的用户信息进行绑定构成时间信息，并将所述时间信息发送至服务器。
本发明一个可选实施例中，还包括：测速显示模块，用于在浏览器中添加测速应用的测速入口，并显示所述测速应用从服务器中获取的测速对比信息，所述测速对比信息是服务器依据所述时间信息确定的。
本发明一个可选实施例中，还包括：窗口显示模块，用于在所述浏览器的插件中添加时间显示窗口；采用所述时间显示窗口显示所述浏览器中各类别网页元素的请求和/或加载时间，以及由服务器反馈的依据所述时间信息确定的测速对比信息。
本发明一个可选实施例中，还包括：平均时间显示模块，用于在浏览器请求页面其所述页面未开启前，依据所述页面的网页地址，从服务器处获取其他用户的浏览器开启所述页面的平均时间，并显示所述平均时间。
本发明一个可选实施例中，还包括：加速模块，用于在所述浏览器中设置测速应用的加速入口，在所述浏览器开启页面时，依据页面中网页元素的请求和/或加载时间对开启的页面进行加速。
根据本发明实施例提供的方法，可以调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间，然后按照类别分别计算所述当前页面中网页元素的请求和/或加载时间，并在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。通过开发接口可以准确地获取网页元素的请求和/或加载时间，从而准确的计算网页的加载时间。
上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
图1示出了根据本发明一个实施例的浏览器中显示页面加载时间的方法流程图；
图2示出了根据本发明一个实施例的浏览器中显示页面加载时间的可选方法流程图；以及
图3示出了根据本发明一个实施例的测速应用显示示意图；
图4示出了根据本发明一个实施例的浏览器中显示页面加载时间的装置结构图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
浏览器在加载并显示页面即HTML（Hyper Text Mark-up Language，超文本标记语言）是按照一定的顺序完成的，如IE（Internet Explorer，网页浏览器）下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。
其中，在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（当与其关联的网页元素可能是未下载的）。若遇到语义解释性的标签嵌入文件，如JS（JavaScript）脚本，CSS（Cascading Style Sheet，级联样式表），则IE的下载过程会启用单独连接进行下载，且在下载后进行解析，解析过程中，停止页面所有往下元素的下载。并且，CSS样式表在下载完成后，会和之前下载的所有CSS样式表一起进行解析，解析完成后，将对此前所有网页元素（包含已经渲染的网页元素）重新进行渲染。此外，JS、CSS中如包含有重定义函数或后定义函数，则将覆盖前定义函数。
因此，浏览器中页面加载、渲染到显示是一个非常复杂的过程，仅依据网页中Head元素和Body元素之间解析所花费时间的差作为网页的加载时间比较不准确。
本发明实施例提供一种浏览器中显示页面加载时间的方法，可以调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间，然后按照类别分别计算所述当前页面中网页元素的请求和/或加载时间，并在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。通过开发接口可以准确地获取网页元素的请求和/或加载时间，从而准确的计算网页的加载时间。
实施例一
参照图1，示出了根据本发明一个实施例的浏览器中显示页面加载时间的方法流程图。
步骤101，调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间。
浏览器中为了方便为前端开发人员开发页面而设计了开发人员工具，其提供一系列的小工具，可以方便的查找页面的错误（bug），包括html代码、CSS代码和JavaScript代码等，还包括页面在加载、渲染的相关数据。
通过开发接口可以调用开发人员工具，从而获取到当前页面中各种网页元素的请求时间或网页元素的加载时间，也可以同时获取网页元素的请求时间和加载时间。
步骤102，分别计算所述当前页面中各类别网页元素的请求和/或加载时间。
其中网页元素分类有多种标准，如按照属性可以分为文本、表单、图片、声音等，或可以分为静态元素和动态元素等，本发明实施例对此不作限定。本实施例中可以按照实际需求选定一种分类标准，然后按照该类别分别计算当前页面中各类别网页元素的请求时间、加载时间，若计算所有文本类网页元素的请求时间，又如计算所有图片类网页元素的加载时间等。
步骤103，在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。
然后在浏览器的当前页面中显示网页元素的请求和/或加载时间，在显示是可以按照类别分类显示每一个网页元素的请求和/或加载时间，也可以显示各类别网页元素的请求和/或加载时间和等。
其中，可以在浏览器当前页面中配置显示时间的插件或窗口，如在网页Tab头的窗口中生成一个显示窗，或者在浏览器侧状态栏中进行显示。
综上所述，调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间，然后按照类别分别计算所述当前页面中网页元素的请求和/或加载时间，并在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。通过开发接口可以准确地获取网页元素的请求和/或加载时间，从而准确的计算网页的加载时间。
实施例二
参照图2，示出了根据本发明一个实施例的浏览器中显示页面加载时间的可选方法流程图。
步骤201，调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间。
本发明一个可选实施例中，所述调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间，包括：调用浏览器的开发接口的网络接口获取各种网页元素的请求时间；和/或，调用浏览器的开发接口的时间线接口获取各种网页元素的加载时间，其中所述加载包括对网页元素的解析和渲染。
开发人员工具中提供了一系列的小工具，方便的查找页面的错误（bug），包括html代码、CSS代码和JavaScript代码以及页面在加载、渲染的相关数据。
若要获取网页元素的请求时间，可以调用开发接口的网络接口即在浏览器的开发模式的network接口，通过调用network接口中可以获取的各种网页元素的网络请求时间。
若要获取网页元素的加载时间，由于解析包括对网页元素的解析和渲染，则可以调用开发接口的时间线接口，即调用浏览器开发模式的timeline接口获取各种网页元素的解析、渲染时间。
步骤202，分别计算所述当前页面中各类别网页元素的请求和/或加载时间。
步骤203，按照类别分别统计各类别中网页元素的请求总时间和/或加载总时间并上传至服务器。
本发明实施例中，还可以将获取的网页元素的请求和/或加载时间上传给服务器，由服务器对不同用户的网页元素的请求和/或加载时间进行统计等处理。
本发明一个可选实施例中，所述按照类别分别统计各类别中元素的请求总时间和/或加载总时间并上传至服务器，包括：按照类别对当前页面中的网页元素进行分类，并分别计算各类别网页元素的请求总时间和/或加载总时间；将所述各类别网页元素的请求总时间和/或加载总时间与所述浏览器中存储的用户信息进行绑定构成时间信息，并将所述时间信息发送至服务器。
在确定网页元素的分类标准后，可以按照类别对当前页面中的网页元素进行分类，如分为文本元素、图片元素等，然后分别将每一类别下个网页元素的请求时间相加求，从而统计出每一类别下网页元素的请求总时间。对于网页元素的加载时间也采用同样的操作步骤，分别将每一类别下个网页元素的加载时间相加求，从而统计出每一类别下网页元素的加载总时间，另外，也可以分类统计出各类别网页元素的解析总时间和渲染总时间，在将解析总时间和渲染总时间的和作为加载总时间。
用户可以预先在浏览器中存储用户信息，如在浏览器中进行注册，则用户信息可以保存该用户的用户名、密码以及其他如生日等信息，从而该用户上传至服务器的数据可以与用户信息进行绑定以区分不同的用户。
因此，可以将各类别网页元素的请求总时间和/或加载总时间与浏览器中存储的用户信息进行绑定，构成时间信息，此外，该时间信息中还可以包括该网页的网页地址等信息。然后将所述时间信息发送至服务器，服务器后续可以对各用户上传的时间信息进行处理，如将各用户网页元素的时间信息进行比较，确定各用户加载网页的排名。
步骤204，在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。
上述仅用于举例论述浏览器中显示页面加载时间的方法，对于各操作步骤并不严格限制，如可以先在浏览器中显示本地获取的各类别网页元素的请求和/或加载时间，在上传至服务器。
采用浏览器显示时间时，可以在浏览器的内置插件，或者关联由浏览器进行触发加载的第三方应用，从中实现显示页面的相关时间信息（如请求时间、加载总时间以及页面显示时间等）显示功能。进一步可以显示浏览器中所有Tab页的页面显示时间，以及从服务器中获取到的其它用户开启同一页面所花销时间的对比信息。
本发明一个可选实施例中，在所述当前页面中显示所述各类别网页元素的请求和/或加载时间，包括以下至少一项：
（1）在当前页面的网页标签头中按照类别显示网页元素的请求和/或加载时间。
可以预先在浏览器各页面的网页标签（Tab）头中配置显示时间的插件或窗口等，然后将计算出的网页元素的请求和/或加载时间按照类别显示在当前页面的网页Tab头中。
此外，将时间信息上传至服务器后，还可以接收服务器对时间信息进行处理后反馈的数据，如各用户加载网页的排名信息，然后在网页Tab头中显示。
（2）按照所述各类别网页元素的请求和/或加载时间统计当前页面的显示时间，并在所述当前页面的网页标签头中显示所述显示时间。
还可以进一步对各类别网页元素的请求和/或加载时间进行统计，计算出网页元素的请求总时间，加载总时间，然后对请求总时间和加载总时间求和得到当前页面的显示时间，即浏览器开启当前页面的时间，然后在当前页面的网页Tab头中进行显示。
本发明一个可选实施例中，在浏览器中添加测速应用的测速入口，并显示所述测速应用从服务器中获取的测速对比信息，所述测速对比信息是服务器依据所述时间信息确定的。
可以在浏览器中添加测速应用的测速入口，从而通过该测速入口信息将浏览器的时间信息发送给测速应用，通过测速应用上报服务器进行测速的相关处理，进而获取服务器处理得到的比对信息并显示。
此外，还可以将浏览器上传时间信息的服务器还可以与测速应用进行交互，从而测速应用从该服务器中获取测速对比信息并在测速应用中显示。
测速比对信息是服务器依据浏览器确定的时间信息确定的，依据时间信息统计出该用户浏览器页面显示时间，从而对各用户的浏览器在开启同一页面的页面显示时间进行比对，确定相应的排名等信息，该排名可以是详细的排名信息，也可以采用百分比表示，如某一用户排在100名，其网页开启速度在所有用户中占了前10%等。测速应用显示示意图如图3所示。
本发明一个可选实施例中，在所述浏览器的插件中添加时间显示窗口；采用所述时间显示窗口显示所述浏览器中各类别网页元素的请求和/或加载时间，以及由服务器反馈的依据所述时间信息确定的测速对比信息。
可以在浏览器中通过插件添加时间显示窗口，然后采用该时间显示窗口显示各类别网页元素的请求和/或加载时间，以及服务器反馈的依据所述时间信息确定的测速对比信息，如显示各类别网页元素的请求总时间和/或加载总时间及其对应的排名信息，页面显示时间及其对应的排名信息等。
本发明一个可选实施例中，在浏览器请求页面其所述页面未开启前，依据所述页面的网页地址，从服务器处获取其他用户的浏览器开启所述页面的平均时间，并显示所述平均时间。
在浏览器请求页面其所述页面未开启前，还可以将该页面的网页地址，服务器可以通过该网页地址确定各用户开启该网页的平均时间，其他用户开启该网页的最短时间等信息，然后反馈给浏览器，从而浏览器在未开启该页面前就可以显示平均时间、最短时间等信息，使得用户可以预先了解开启该页面需要等待的时间。
通过该实施例使得用户可以预先获知页面开启的可能时间，从而合理的利用该时间段，特别是对于一些由于网页本身问题导致开启时间较长的安全网站，如视频网站由于内容较多，开启时间会比较慢，或针网页的HTML中存在bug等问题等情况。
本发明一个可选实施例中，在所述浏览器中设置测速应用的加速入口，在所述浏览器开启页面时，依据页面中网页元素的请求和/或加载时间对开启的页面进行加速。
还可以在浏览器中设置测速应用的加速入口，所述加速入口可以通过第三方应用如测速应用为浏览器开启网页进行加速，即加快浏览器开启页面的时间，从而在浏览器开启页面时，依据页面中网页元素的请求和/或加载时间可以确定该浏览器开启页面时间的快慢等情况，如开启页面较慢则可以对浏览器开启页面进行加速，当然也可以无论快、慢都对浏览器开启页面进行加速，本发明实施例对此不作限定。
综上所述，在浏览器中显示时间时可以采用页面的网页标签头或设置窗口进行显示，并且可以按照类别显示网页元素的请求和/或加载时间，以及页面的显示时间，从而使得用户清晰地了解页面开启的时间信息。
其次，还可以将各类别显示网页元素的请求和/或加载时间构成的时间信息上传至服务器，从而通过服务器对不同用户的时间信息进行比对，确定各用户的排名信息并在浏览器中显示，使得用户不但可以获知自己页面开启的时间，还可以获知页面开启的排名信息，从而了解自己的网络状况。
再次，本发明实施例时间信息的显示方法有多种，可以在浏览器中添加测速应用的测速入口，从而通过测速应用显示各用户浏览器开启网页的测速对比信息。还可以通过插件添加时间显示窗口从而在该窗口中显示时间信息以及对应的测速对比信息，便于用户获知己页面开启的时间。还可以在浏览器中设置测速应用的加速入口，从而在浏览器开启网页时进行加速，时的用户可以更快速地开启页面。
实施例三
参照图4，示出了根据本发明一个实施例的浏览器中显示页面加载时间的装置结构图。
在上述实施例的基础上，本实施例还提供了一种浏览器中显示页面加载时间的装置，包括：获取模块401、分类计算模块402和显示模块403。
其中：获取模块401，用于调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间；分类计算模块402，用于分别计算所述当前页面中各类别网页元素的请求和/或加载时间；显示模块403，用于在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。
综上所述，调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间，然后按照类别分别计算所述当前页面中网页元素的请求和/或加载时间，并在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。通过开发接口可以准确地获取网页元素的请求和/或加载时间，从而准确的计算网页的加载时间。
本发明一个可选实施例中，所述获取模块，用于调用浏览器的开发接口的网络接口获取各种网页元素的网络请求时间；和/或，调用浏览器的开发接口的时间线接口获取各种网页元素的加载时间，其中所述加载包括对网页元素的解析和渲染。
本发明一个可选实施例中，所述显示模块，用于在所述当前页面中显示所述各类别网页元素的请求和/或加载时间，包括以下至少一项：在当前页面的网页标签头中按照类别显示网页元素的请求和/或加载时间；按照所述各类别网页元素的请求和/或加载时间统计当前页面的显示时间，并在所述当前页面的网页标签头中显示所述显示时间。
本发明一个可选实施例中，统计并上传模块，用于按照类别分别统计各类别中网页元素的请求总时间和/或加载总时间并上传至服务器。
本发明一个可选实施例中，所述统计并上传模块，包括：分类计算子模块，用于按照类别对当前页面中的网页元素进行分类，并分别计算各类别网页元素的请求总时间和/或加载总时间；绑定并发送子模块，用于将所述各类别网页元素的请求总时间和/或加载总时间与所述浏览器中存储的用户信息进行绑定构成时间信息，并将所述时间信息发送至服务器。
本发明一个可选实施例中，测速显示模块，用于在浏览器中添加测速应用的测速入口，并显示所述测速应用从服务器中获取的测速对比信息，所述测速对比信息是服务器依据所述时间信息确定的。
本发明一个可选实施例中，窗口显示模块，用于在所述浏览器的插件中添加时间显示窗口；采用所述时间显示窗口显示所述浏览器中各类别网页元素的请求和/或加载时间，以及由服务器反馈的依据所述时间信息确定的测速对比信息。
本发明一个可选实施例中，平均时间显示模块，用于在浏览器请求页面其所述页面未开启前，依据所述页面的网页地址，从服务器处获取其他用户的浏览器开启所述页面的平均时间，并显示所述平均时间。
本发明一个可选实施例中，加速模块，用于在所述浏览器中设置测速应用的加速入口，在所述浏览器开启页面时，依据页面中网页元素的请求和/或加载时间对开启的页面进行加速。
综上所述，在浏览器中显示时间时可以采用页面的网页标签头或设置窗口进行显示，并且可以按照类别显示网页元素的请求和/或加载时间，以及页面的显示时间，从而使得用户清晰地了解页面开启的时间信息。
其次，还可以将各类别显示网页元素的请求和/或加载时间构成的时间信息上传至服务器，从而通过服务器对不同用户的时间信息进行比对，确定各用户的排名信息并在浏览器中显示，使得用户不但可以获知自己页面开启的时间，还可以获知页面开启的排名信息，从而了解自己的网络状况。
再次，本发明实施例时间信息的显示方法有多种，可以在浏览器中添加测速应用的测速入口，从而通过测速应用显示各用户浏览器开启网页的测速对比信息。还可以通过插件添加时间显示窗口从而在该窗口中显示时间信息以及对应的测速对比信息，便于用户获知己页面开启的时间。还可以在浏览器中设置测速应用的加速入口，从而在浏览器开启网页时进行加速，时的用户可以更快速地开启页面。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。
类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书（包括伴随的权利要求、摘要和附图）中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书（包括伴随的权利要求、摘要和附图）中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器（DSP）来实现根据本发明实施例的浏览器中显示页面加载时间的装置设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序（例如，计算机程序和计算机程序产品）。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明公开了A1、一种浏览器中显示页面加载时间的方法，包括：
调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间；
分别计算所述当前页面中各类别网页元素的请求和/或加载时间；
在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。
A2、如A1所述的方法，所述调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间，包括：调用浏览器的开发接口的网络接口获取各种网页元素的请求时间；和/或调用浏览器的开发接口的时间线接口获取各种网页元素的加载时间，其中所述加载包括对网页元素的解析和渲染。
A3、如A1所述的方法，所述在所述当前页面中显示所述各类别网页元素的请求和/或加载时间，包括以下至少一项：在当前页面的网页标签头中按照类别显示网页元素的请求和/或加载时间；按照所述各类别网页元素的请求和/或加载时间统计当前页面的显示时间，并在所述当前页面的网页标签头中显示所述显示时间。
A4、如A1所述的方法，还包括：按照类别分别统计各类别中网页元素的请求总时间和/或加载总时间并上传至服务器。
A5、如A4所述的方法，所述按照类别分别统计各类别中元素的请求总时间和/或加载总时间并上传至服务器，包括：按照类别对当前页面中的网页元素进行分类，并分别计算各类别网页元素的请求总时间和/或加载总时间；将所述各类别网页元素的请求总时间和/或加载总时间与所述浏览器中存储的用户信息进行绑定构成时间信息，并将所述时间信息发送至服务器。
A6、如A5所述的方法，还包括：在浏览器中添加测速应用的测速入口，并显示所述测速应用从服务器中获取的测速对比信息，所述测速对比信息是服务器依据所述时间信息确定的。
A7、如A5所述的方法，还包括：在所述浏览器的插件中添加时间显示窗口；采用所述时间显示窗口显示所述浏览器中各类别网页元素的请求和/或加载时间，以及由服务器反馈的依据所述时间信息确定的测速对比信息。
A8、如A4或A5所述的方法，还包括：在浏览器请求页面其所述页面未开启前，依据所述页面的网页地址，从服务器处获取其他用户的浏览器开启所述页面的平均时间，并显示所述平均时间。
A9、如A1或A5所述的方法，还包括：在所述浏览器中设置测速应用的加速入口，在所述浏览器开启页面时，依据页面中网页元素的请求和/或加载时间对开启的页面进行加速。
本发明实施例还公开了B10、一种浏览器中显示页面加载时间的装置，包括：
获取模块，用于调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间；
分类计算模块，用于分别计算所述当前页面中各类别网页元素的请求和/或加载时间；
显示模块，用于在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。
B11、如B10所述的装置；所述获取模块，用于调用浏览器的开发接口的网络接口获取各种网页元素的网络请求时间；和/或，调用浏览器的开发接口的时间线接口获取各种网页元素的加载时间，其中所述加载包括对网页元素的解析和渲染。
B12、如B10所述的装置；所述显示模块，用于在所述当前页面中显示所述各类别网页元素的请求和/或加载时间，包括以下至少一项：在当前页面的网页标签头中按照类别显示网页元素的请求和/或加载时间；按照所述各类别网页元素的请求和/或加载时间统计当前页面的显示时间，并在所述当前页面的网页标签头中显示所述显示时间。
B13、如B10所述的装置，还包括：统计并上传模块，用于按照类别分别统计各类别中网页元素的请求总时间和/或加载总时间并上传至服务器。
B14、如B13所述的装置，所述统计并上传模块，包括：分类计算子模块，用于按照类别对当前页面中的网页元素进行分类，并分别计算各类别网页元素的请求总时间和/或加载总时间；绑定并发送子模块，用于将所述各类别网页元素的请求总时间和/或加载总时间与所述浏览器中存储的用户信息进行绑定构成时间信息，并将所述时间信息发送至服务器。
B15、如B14所述的装置，还包括：测速显示模块，用于在浏览器中添加测速应用的测速入口，并显示所述测速应用从服务器中获取的测速对比信息，所述测速对比信息是服务器依据所述时间信息确定的。
B16、如B14所述的装置，还包括：窗口显示模块，用于在所述浏览器的插件中添加时间显示窗口；采用所述时间显示窗口显示所述浏览器中各类别网页元素的请求和/或加载时间，以及由服务器反馈的依据所述时间信息确定的测速对比信息。
B17、如B13或B14所述的装置，还包括：平均时间显示模块，用于在浏览器请求页面其所述页面未开启前，依据所述页面的网页地址，从服务器处获取其他用户的浏览器开启所述页面的平均时间，并显示所述平均时间。
B18、如B10或B14所述的装置，还包括：加速模块，用于在所述浏览器中设置测速应用的加速入口，在所述浏览器开启页面时，依据页面中网页元素的请求和/或加载时间对开启的页面进行加速。
Claims (10)
1.一种浏览器中显示页面加载时间的方法，包括：
调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间；
分别计算所述当前页面中各类别网页元素的请求和/或加载时间；
在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。
2.如权利要求1所述的方法，所述调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间，包括：
调用浏览器的开发接口的网络接口获取各种网页元素的请求时间；和/或
调用浏览器的开发接口的时间线接口获取各种网页元素的加载时间，其中所述加载包括对网页元素的解析和渲染。
3.根据权利要求1所述的方法，所述在所述当前页面中显示所述各类别网页元素的请求和/或加载时间，包括以下至少一项：
在当前页面的网页标签头中按照类别显示网页元素的请求和/或加载时间；
按照所述各类别网页元素的请求和/或加载时间统计当前页面的显示时间，并在所述当前页面的网页标签头中显示所述显示时间。
4.如权利要求1所述的方法，还包括：
按照类别分别统计各类别中网页元素的请求总时间和/或加载总时间并上传至服务器。
5.如权利要求4所述的方法，所述按照类别分别统计各类别中元素的请求总时间和/或加载总时间并上传至服务器，包括：
按照类别对当前页面中的网页元素进行分类，并分别计算各类别网页元素的请求总时间和/或加载总时间；
将所述各类别网页元素的请求总时间和/或加载总时间与所述浏览器中存储的用户信息进行绑定构成时间信息，并将所述时间信息发送至服务器。
6.一种浏览器中显示页面加载时间的装置，包括：
获取模块，用于调用浏览器的开发接口获取当前页面中各种网页元素的请求和/或加载时间；
分类计算模块，用于分别计算所述当前页面中各类别网页元素的请求和/或加载时间；
显示模块，用于在所述当前页面中显示所述各类别网页元素的请求和/或加载时间。
7.如权利要求6所述的装置；
所述获取模块，用于调用浏览器的开发接口的网络接口获取各种网页元素的网络请求时间；和/或，调用浏览器的开发接口的时间线接口获取各种网页元素的加载时间，其中所述加载包括对网页元素的解析和渲染。
8.如权利要求6所述的装置；
所述显示模块，用于在所述当前页面中显示所述各类别网页元素的请求和/或加载时间，包括以下至少一项：在当前页面的网页标签头中按照类别显示网页元素的请求和/或加载时间；按照所述各类别网页元素的请求和/或加载时间统计当前页面的显示时间，并在所述当前页面的网页标签头中显示所述显示时间。
9.如权利要求6所述的装置，还包括：
统计并上传模块，用于按照类别分别统计各类别中网页元素的请求总时间和/或加载总时间并上传至服务器。
10.如权利要求9所述的装置，所述统计并上传模块，包括：
分类计算子模块，用于按照类别对当前页面中的网页元素进行分类，并分别计算各类别网页元素的请求总时间和/或加载总时间；
绑定并发送子模块，用于将所述各类别网页元素的请求总时间和/或加载总时间与所述浏览器中存储的用户信息进行绑定构成时间信息，并将所述时间信息发送至服务器。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310493088.0A CN103559222B (zh) | 2013-10-18 | 2013-10-18 | 浏览器中显示页面加载时间的方法和装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310493088.0A CN103559222B (zh) | 2013-10-18 | 2013-10-18 | 浏览器中显示页面加载时间的方法和装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103559222A true CN103559222A (zh) | 2014-02-05 |
| CN103559222B CN103559222B (zh) | 2017-04-12 |
Family
ID=50013469
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310493088.0A Active CN103559222B (zh) | 2013-10-18 | 2013-10-18 | 浏览器中显示页面加载时间的方法和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103559222B (zh) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103970909A (zh) * | 2014-05-27 | 2014-08-06 | 小米科技有限责任公司 | 显示浏览器标签的方法及装置 |
| CN104951386A (zh) * | 2014-03-28 | 2015-09-30 | 腾讯科技（深圳）有限公司 | 一种内容加载进度显示的方法和装置 |
| CN105260406A (zh) * | 2015-09-23 | 2016-01-20 | 北京金山安全软件有限公司 | 一种浏览器加载速度确定方法及装置 |
| CN106610887A (zh) * | 2015-10-26 | 2017-05-03 | 北京国双科技有限公司 | 网页加载速度的确定方法和装置 |
| CN106656666A (zh) * | 2016-12-13 | 2017-05-10 | 中国联合网络通信集团有限公司 | 一种获取网页首屏时间的方法及装置 |
| CN107122448A (zh) * | 2017-04-25 | 2017-09-01 | 广州市诚毅科技软件开发有限公司 | 一种前端页面请求的预计响应时间的智能显示方法及装置 |
| CN107451193A (zh) * | 2017-06-29 | 2017-12-08 | 北京三快在线科技有限公司 | 一种客户端页面加载时间的获取方法及装置，电子设备 |
| CN108671547A (zh) * | 2018-04-24 | 2018-10-19 | 腾讯科技（深圳）有限公司 | 一种获取应用的首屏时间的方法、装置及存储介质 |
| CN109271600A (zh) * | 2018-08-16 | 2019-01-25 | 微梦创科网络科技（中国）有限公司 | 一种性能数据的监测方法、系统和装置 |
| CN114944994A (zh) * | 2022-05-18 | 2022-08-26 | 中国平安财产保险股份有限公司 | 页面加载时间的获取方法、装置、计算机设备及存储介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101635655A (zh) * | 2008-07-25 | 2010-01-27 | 阿里巴巴集团控股有限公司 | 页面性能测试的方法、装置及系统 |
| US20100088411A1 (en) * | 2006-10-27 | 2010-04-08 | Cyscape, Inc. | Method and apparatus for determining application responsiveness over a network |
| CN102521100A (zh) * | 2011-12-01 | 2012-06-27 | 江苏仕德伟网络科技股份有限公司 | 一种确定网站访问者打开网页所用时间的方法 |
| CN102916847A (zh) * | 2011-12-08 | 2013-02-06 | 云智慧（北京）科技有限公司 | 一种监测网站速度的方法和装置 |
-
2013
- 2013-10-18 CN CN201310493088.0A patent/CN103559222B/zh active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100088411A1 (en) * | 2006-10-27 | 2010-04-08 | Cyscape, Inc. | Method and apparatus for determining application responsiveness over a network |
| CN101635655A (zh) * | 2008-07-25 | 2010-01-27 | 阿里巴巴集团控股有限公司 | 页面性能测试的方法、装置及系统 |
| CN102521100A (zh) * | 2011-12-01 | 2012-06-27 | 江苏仕德伟网络科技股份有限公司 | 一种确定网站访问者打开网页所用时间的方法 |
| CN102916847A (zh) * | 2011-12-08 | 2013-02-06 | 云智慧（北京）科技有限公司 | 一种监测网站速度的方法和装置 |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104951386A (zh) * | 2014-03-28 | 2015-09-30 | 腾讯科技（深圳）有限公司 | 一种内容加载进度显示的方法和装置 |
| CN104951386B (zh) * | 2014-03-28 | 2019-04-05 | 腾讯科技（深圳）有限公司 | 一种内容加载进度显示的方法和装置 |
| CN103970909A (zh) * | 2014-05-27 | 2014-08-06 | 小米科技有限责任公司 | 显示浏览器标签的方法及装置 |
| CN105260406A (zh) * | 2015-09-23 | 2016-01-20 | 北京金山安全软件有限公司 | 一种浏览器加载速度确定方法及装置 |
| CN106610887B (zh) * | 2015-10-26 | 2019-02-22 | 北京国双科技有限公司 | 网页加载速度的确定方法和装置 |
| CN106610887A (zh) * | 2015-10-26 | 2017-05-03 | 北京国双科技有限公司 | 网页加载速度的确定方法和装置 |
| CN106656666A (zh) * | 2016-12-13 | 2017-05-10 | 中国联合网络通信集团有限公司 | 一种获取网页首屏时间的方法及装置 |
| CN106656666B (zh) * | 2016-12-13 | 2020-05-22 | 中国联合网络通信集团有限公司 | 一种获取网页首屏时间的方法及装置 |
| CN107122448A (zh) * | 2017-04-25 | 2017-09-01 | 广州市诚毅科技软件开发有限公司 | 一种前端页面请求的预计响应时间的智能显示方法及装置 |
| CN107451193A (zh) * | 2017-06-29 | 2017-12-08 | 北京三快在线科技有限公司 | 一种客户端页面加载时间的获取方法及装置，电子设备 |
| CN108671547A (zh) * | 2018-04-24 | 2018-10-19 | 腾讯科技（深圳）有限公司 | 一种获取应用的首屏时间的方法、装置及存储介质 |
| CN109271600A (zh) * | 2018-08-16 | 2019-01-25 | 微梦创科网络科技（中国）有限公司 | 一种性能数据的监测方法、系统和装置 |
| CN114944994A (zh) * | 2022-05-18 | 2022-08-26 | 中国平安财产保险股份有限公司 | 页面加载时间的获取方法、装置、计算机设备及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103559222B (zh) | 2017-04-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103559222A (zh) | 浏览器中显示页面加载时间的方法和装置 | |
| US20190266035A1 (en) | Flexible scripting platform for troubleshooting | |
| US9411782B2 (en) | Real time web development testing and reporting system | |
| CN107451162B (zh) | 网络资源访问设备、混合设备及方法 | |
| US9417992B2 (en) | Web portal API test report generation | |
| CN104426925B (zh) | 网页资源获取方法及装置 | |
| CN103631905A (zh) | 一种网页的加载方法和浏览器 | |
| US9858094B2 (en) | Monitoring and actuation of view controller parameters to reach deep states without manual developer intervention | |
| CN105868096B (zh) | 用于在浏览器中显示web页面测试结果的方法、装置及设备 | |
| CN104036011A (zh) | 网页元素的显示方法以及浏览器装置 | |
| CN105956136B (zh) | 登录信息的获取方法和装置 | |
| CN103793224A (zh) | 一种窗口的显示方法和装置 | |
| CN104239089A (zh) | 一种实现游戏变速的方法及装置 | |
| CN102981848A (zh) | 网页主体元素处理浏览器和方法 | |
| CN103761241A (zh) | 一种图片数据的上传方法和浏览器 | |
| CN103177115A (zh) | 一种提取网页页面链接的方法和装置 | |
| CN102981844A (zh) | 对网页主体元素进行处理的浏览器及方法 | |
| US20210133270A1 (en) | Referencing multiple uniform resource locators with cognitive hyperlinks | |
| CN105260421A (zh) | 网页加载方法及装置 | |
| CN103544271B (zh) | 一种浏览器中加载图片处理窗口的方法和装置 | |
| CN111694550A (zh) | 一种页面显示控制方法、装置及系统 | |
| CN104063247A (zh) | 一种应用程序的调用方法和系统 | |
| WO2018008013A2 (en) | System and method for webpages scripts validation | |
| CN103685498A (zh) | 一种壁纸的加载方法和浏览器装置 | |
| CN103685518A (zh) | 为移动终端提供图文类页面的方法、客户端和系统 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20220715 Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Patentee before: Qizhi software (Beijing) Co.,Ltd. |
|
| TR01 | Transfer of patent right |