识别页面中资源类型的方法、装置、设备和储存介质制造方法及图纸

本发明专利技术公开了一种识别页面中资源类型的方法、装置、设备和储存介质。其中方法包括获取待测试页面中的资源类性能数据，所述资源类性能数据中包含表征页面加载资源的资源文件类型的字段信息；解析所述字段信息获取资源文件类型；根据所述资源文件类型和预先设置的文件类型组确定资源的真实类型。根据本发明专利技术实施例的技术方案，可以确定页面中资源的真正类型，从而提高页面性能分析的准确性。

【技术实现步骤摘要】
识别页面中资源类型的方法、装置、设备和储存介质
本专利技术实施例涉及互联网
，尤其涉及一种识别页面中资源类型的方法、装置、设备和储存介质。
技术介绍
页面的性能问题一直是互联网产品开发过程中的重要一环，很多公司也一直在使用各种方式监控产品的页面性能。从控制台工具、抓包工具，到使用DOMContentLoaded和document.onreadystatechange，再到使用第三方工具如WebPagetest、Pingdom等通过在不同的浏览器环境和地域进行测试来寻求优化建议等等，这些方式不仅麻烦，而且测量的指标比较单一。如果有一些可以帮我们直接获取页面性能信息的应用程序编程接口(ApplicationProgrammingInterface，API)出现，并且成为标准被浏览器厂商支持，那性能监控会不会又是另一幅蓝图。好在万维网联盟(WorldWideWebConsortium，W3C)web性能工作小组与各浏览器厂商都已认识到性能对于web开发的重要性，为了解决当前性能测试的困难，W3C推出了一套性能API标准，各种浏览器对这套标准的支持如今也逐渐成熟起来。这套API的目的是简化开发者对网站性能进行精确分析与控制的过程，方便开发者采取手段提高web性能。其中，W3C推出了一个resourcetiming的标准规范草案,该标准为web应用定义了一组接口,通过调用这个接口去进行性能分析,但是这个接口的返回数据结果并不一定是真正的资源类型,如一个层叠样式表(CascadingStyleSheets，CSS)中的背景图片资源,它的真实类型是jpg，但是通过该接口返回的是CSS类型，这样就会影响性能分析的准确性。
技术实现思路
鉴于现有技术中的上述缺陷或不足，期望提供一种识别页面中资源类型的方法、装置、设备和储存介质，可以确定页面中资源的真正类型，从而提高页面性能分析的准确性。第一方面，本专利技术实施例提供一种识别页面中资源类型的方法，包括：获取待测试页面中的资源类性能数据，所述资源类性能数据中包含表征页面加载资源的资源文件类型的字段信息；解析所述字段信息获取资源文件类型；根据所述资源文件类型和预先设置的文件类型组确定资源的真实类型。第二方面，本专利技术实施例还提供一种识别页面中资源类型的装置，包括：信息获取模块，用于获取待测试页面中的资源类性能数据，所述资源类性能数据中包含表征页面加载资源的资源文件类型的字段信息；文件类型解析模块，用于解析所述字段信息获取资源文件类型；资源类型确定模块，用于根据所述资源文件类型和预先设置的文件类型组确定资源的真实类型。第三方面，本专利技术实施例还提供一种设备，包括：一个或多个处理器；存储器，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器执行本专利技术实施例第一方面所述的方法。第四方面，本专利技术实施例还提供一种存储有计算机程序的计算机可读存储介质，该程序被处理器执行时实现本专利技术实施例第一方面所述的方法。根据本专利技术实施例提供的技术方案，通过获取待测试页面中的资源类性能数据，通过解析所述资源类性能数据中包含的表征页面加载资源的资源文件类型的字段信息得到资源文件类型，进一步根据所述资源文件类型和预先设置的文件类型组确定资源的真实类型，能够准确识别出资源的真实类型。从而提高页面性能分析的准确性。附图说明通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本专利技术的其它特征、目的和优点将会变得更明显：图1为本专利技术实施例一提供的识别页面中资源类型的方法的流程示意图；图2为本专利技术实施例二提供的识别页面中资源类型的装置的结构示意图；图3为本专利技术实施例三提供的设备的结构示意图。具体实施方式下面结合附图和实施例对本专利技术作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关专利技术，而非对该专利技术的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与专利技术相关的部分。需要说明的是，在不冲突的情况下，本专利技术中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本专利技术。实施例一图1为本专利技术实施例一提供的识别页面中资源类型的方法的流程示意图，本实施例的执行主体，可为本专利技术实施例提供的识别页面中资源类型的装置，该装置可以集成于移动终端设备(例如，智能手机、平板电脑等)，也可以集成于固定终端(台式电脑)或服务器中，该识别页面中资源类型的装置可以采用硬件或软件实现。下面将结合实施例进行说明，如图1所示，具体包括：S101、获取待测试页面中的资源类性能数据，所述资源类性能数据中包含表征页面加载资源的资源文件类型的字段信息。其中，字段信息中包含表征资源文件类型的字符串，具体可以为加载资源的网址，也可以为包含资源文件类型的字段。一种实现本步骤的具体方式为，向待测试页面发送指令，通过该指令获取资源类性能数据。具体的，可通过windows.performance.getEntries()指令获取资源类性能数据。可选的，在向待测试页面发送指令之前，本实施还可包括如下打开待测试网页的相关步骤：通过chrome-launcher打开一chrome浏览器，通过chrome-remote-interface协议调用chrome浏览器，开启页面跳转监听，调用页面跳转接口,打开待测试网页。S102、解析所述字段信息获取资源文件类型。其中，资源文件类型包括但不限于以下任意一种：jpg、jpeg、png、git、webp、svg、ico、js、css、html、woff、woff2、ttf、eot、otf、swf和map。可选的，所述字段信息中包含name字段，其中name字段包含至少一个字符串。相应的，一种实现本步骤的具体方式为：对所述name字段中包含的字符串进行识别；根据识别结果确定资源文件类型。进一步的，根据识别结果确定资源文件类型可分如下两种情况实现：第一种情况，如果所述name字段中不包含http字符串，则说明所述name字段中不包含网址信息，则对所述name字段进行字符串切割，获取表征资源文件类型的字符串；根据所述字符串确定资源文件类型。具体的，将name字段用”:”切割,资源文件类型通常为第一段字符串。例如name字段为jpg:aaaaa，被切割为jpg和aaaaa两段字符串,那么可判断资源文件类型为第一段字符串jpg。第二种情况，如果所述name字段中包含http字符串，则说明该则name字段为资源的网址，则按照正则表达式去匹配网址信息；根据匹配结果确定资源文件类型。例如，正则表达式可选为“/://(.[^/]+)([^？]*)\？？(.*)/”，用其去匹配如下网址：://www.waitsun.com/wp-content/themes/QstM/static/css/bootstrap.min.css？ver＝1.112可得到如下匹配结果：://www.waitsun.com/wp-content/themes/QstM/static/css/bootstrap.min.css？ver＝1.112www.waitsun.com/wp-content/themes/QstM/static/css/bootstrap.min.cs本文档来自技高网...

【技术保护点】
1.一种识别页面中资源类型的方法，其特征在于，所述方法包括：获取待测试页面中的资源类性能数据，所述资源类性能数据中包含表征页面加载资源的资源文件类型的字段信息；解析所述字段信息获取资源文件类型；根据所述资源文件类型和预先设置的文件类型组确定资源的真实类型。

【技术特征摘要】
1.一种识别页面中资源类型的方法，其特征在于，所述方法包括：获取待测试页面中的资源类性能数据，所述资源类性能数据中包含表征页面加载资源的资源文件类型的字段信息；解析所述字段信息获取资源文件类型；根据所述资源文件类型和预先设置的文件类型组确定资源的真实类型。2.根据权利要求1所述的方法，其特征在于，所述根据所述资源文件类型和预先设置的文件类型组确定资源的真实类型，包括：如果所述资源文件类型在其中任意一个文件类型组中，则根据所在的文件类型组确定资源的真实类型。3.根据权利要求2所述的方法，其特征在于，所述根据所在的文件类型组确定资源的真实类型，包括：如果所述资源文件类型在第一文件类型组中，则确定资源的真实类型为image类型，其中所述第一文件类型组中包含jpg、jpeg、png、git、webp、svg和ico类型中的至少一种；如果所述资源文件类型在第二文件类型组中，则确定资源的真实类型为js类型，其中所述第二文件类型组中包含js类型；如果所述资源文件类型在第三文件类型组中，则确定资源的真实类型为css类型，其中所述第三文件类型组中包含css类型；如果所述资源文件类型在第四文件类型组中，则确定资源的真实类型为html类型，其中所述第四文件类型组中包含html类型；如果所述资源文件类型在第五文件类型组中，则确定资源的真实类型为font类型，其中所述第五文件类型组中包含woff、woff2、ttf、eot和otf类型中的至少一种；如果所述资源文件类型在第六文件类型组中，则确定资源的真实类型为flash类型，其中所述第六文件类型组中包含swf类型；如果所述资源文件类型在第七文件类型组中，则确定资源的真实类型为source-map类型，其中所述第七文件类型组中包含map类型。4.根据权利要求1所述的方法，其特征在于，所述资源类性能数据中还包含资源发起类型；相应的，所述根据所述资源文件类型和预先设置的文件类型组确定资源的真实类型，包括：如果所述资源文件类型不在任意一个文件类型组中，则根据所述资源发起类型确定资源的真实类型。5.根据权利要求4所述的方法，其特征在于，所述根据所述资源发起类型确定资源的真实类型，包括：如果所述资源发起类型为xmlhttprequest类型，则确定资源的真实类型为ajax类型；如果所述资源发起类型为img类型，则确定资源的真实类型为image类型；如果所述资源发起类型为script类型，则确定资源的真实类型为js类型；如果所述资源发起类型为internal和iframe类型中的任意一种，则确定资源的真实类型为html类型。6.根据权利要求4所述的方法，其特征在于，所述方法还包括：如果根据所述资源文件类型和所述资源发起类型都不能确定资源的真实类型，则将资源的真实类型识别为other类型。7.根据权利要求1-6任一项所述的方法，其特征在于，所述字段信息中包含name字段；相应的，所述解析所述字段信息获取资源文件类型，包括：对所述name字段中包含的字符串进行识别；根据识别结果确定资源文件类型。8.根据权利要求7所述的方法，其特征在于，所述根据识别结果确定资源文件类型，包括：如果所述name字段中不包含http字符串，则对所述name字段进行字符串切割，获取表征资源文件类型的字符串；根据所述字符串确定资源文件类型。9.根据权利要求7所述的方法，其特征在于，所述根据识别结果确定资源文件类型，包括：如果所述name字段中包含http字符串，则按照正则表达式去匹配网址信息；根据匹配结果确定资源文件类型。10.一种识别页面中资源类型的装置，其特征在于，所述装置包括：信息获取模块，用于获取待测试页面中的资源类性能数据，所述资源类性能数据中包含表征页面加载资源的资...

【专利技术属性】
技术研发人员：邢尧，匡凌波，
申请(专利权)人：顺丰科技有限公司，
类型：发明
国别省市：广东,44