CN109558549A - 一种消除css样式冗余的方法及相关产品 - Google Patents
一种消除css样式冗余的方法及相关产品 Download PDFInfo
- Publication number
- CN109558549A CN109558549A CN201710876953.8A CN201710876953A CN109558549A CN 109558549 A CN109558549 A CN 109558549A CN 201710876953 A CN201710876953 A CN 201710876953A CN 109558549 A CN109558549 A CN 109558549A
- Authority
- CN
- China
- Prior art keywords
- style
- attributes
- rule
- webpage
- style attributes
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
- G06F8/44—Encoding
- G06F8/443—Optimisation
- G06F8/4434—Reducing the memory space required by the program code
- G06F8/4435—Detection or removal of dead or redundant code
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种消除CSS样式冗余的方法,用于去除CSS样式文件中的冗余,该方法包括:获取网页中各个网页元素的CSS样式信息,样式信息包括网页元素对应的样式规则,样式规则包括样式属性;在样式规则的样式属性中确定无效样式属性;在网页对应的CSS样式文件中去除无效样式属性。本申请还公开了一种的消除CSS样式冗余的装置、存储介质以及处理器。
Description
技术领域
本申请涉及互联网技术领域,具体涉及一种消除CSS样式冗余的方法、装置、存储介质以及处理器。
背景技术
在网页加载过程中,会加载CSS(Cascading Style Sheets,层叠样式表)样式文件。CSS样式文件可以用于定义网页中各个网页元素的样式,例如通过CSS样式文件可以定义网页中各个网页元素的字体、显示颜色、背景颜色、位置等等。
在加载CSS样式文件的过程中,CSS样式文件的大小会影响网页加载的速度。在现有技术中,CSS样式文件中通常存在代码冗余,导致网页加载速度较慢。因此,需要一种消除CSS样式文件中CSS样式冗余的方法。
发明内容
有鉴于此,本申请实施例提供一种消除CSS样式冗余的方法以及相关产品,以解决现有技术中在加载网页时CSS样式文件过大导致网页加载速度较慢的技术问题。
为解决上述问题,本申请实施例提供的技术方案如下:
一种消除CSS样式冗余的方法,所述方法包括:
获取网页中各个网页元素的CSS样式信息,所述样式信息包括所述网页元素对应的样式规则,所述样式规则包括样式属性;
在所述样式规则的样式属性中确定无效样式属性;
在所述网页对应的CSS样式文件中去除所述无效样式属性。
相应的,所述获取网页中各个网页元素的CSS样式信息之前,所述方法还包括:
根据网页对应的CSS样式文件启动所述网页,遍历所述网页中各个网页元素。
相应的,所述获取网页中各个网页元素的CSS样式信息,包括:
利用样式获取网页插件获取网页中各个网页元素的CSS样式信息;
或者,利用启动所述网页所使用浏览器的API接口获取网页中各个网页元素的CSS样式信息。
相应的,所述在所述样式规则的样式属性中确定无效样式属性,包括:
确定所述样式规则的样式属性的失效次数以及生效次数;
在所述样式规则的样式属性中,将所述失效次数大于0且所述生效次数为0的样式属性确定为无效样式属性。
相应的,所述在所述样式规则的样式属性中确定无效样式属性,包括:
在所述样式规则的样式属性中确定生效的样式属性集合;
在所述样式规则的样式属性中确定失效的样式属性集合;
在所述失效的样式属性集合中去除在所述生效的样式属性集合中包括的样式属性之后,得到无效样式属性。
一种消除CSS样式冗余的装置,所述装置包括:
获取单元,用于获取网页中各个网页元素的CSS样式信息,所述样式信息包括所述网页元素对应的样式规则,所述样式规则包括样式属性;
确定单元,用于在所述样式规则的样式属性中确定无效样式属性;
去除单元,用于在所述网页对应的CSS样式文件中去除所述无效样式属性。
相应的,所述装置还包括:
启动单元,用于根据网页对应的CSS样式文件启动所述网页,遍历所述网页中各个网页元素。
相应的,所述获取单元具体用于:
利用样式获取网页插件获取网页中各个网页元素的CSS样式信息;
或者,利用启动所述网页所使用浏览器的API接口获取网页中各个网页元素的CSS样式信息。
相应的,所述确定单元包括:
第一确定子单元,用于确定所述样式规则的样式属性的失效次数以及生效次数;
第二确定子单元,用于在所述样式规则的样式属性中,将所述失效次数大于0且所述生效次数为0的样式属性确定为无效样式属性。
相应的,所述确定单元包括:
第三确定子单元,用于在所述样式规则的样式属性中确定生效的样式属性集合;
第四确定子单元,用于在所述样式规则的样式属性中确定失效的样式属性集合;
第五确定子单元,用于在所述失效的样式属性集合中去除在所述生效的样式属性集合中包括的样式属性之后,得到无效样式属性。
一种存储介质,所述存储介质包括存储的程序,其中,所述程序执行上述的消除CSS样式冗余的方法。
一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行上述的消除CSS样式冗余的方法。
由此可见,本申请实施例具有如下有益效果:
本申请实施例通过获取网页中各个网页元素的样式规则,样式规则包括有样式属性,从各个样式规则的各个样式属性中可以确定出无效样式属性,通过在CSS样式文件中去除这些无效样式属性,从而消除了CSS样式文件中的冗余部分,达到了缩小CSS样式文件大小,提高网页加载速度的目的。
附图说明
图1为本申请实施例中消除CSS样式冗余的方法实施例的流程图;
图2为本申请实施例中一网页实现代码的示意图;
图3为本申请实施例中一CCS样式文件内容的示意图;
图4为本申请实施例中上述网页实际显示效果的示意图;
图5为本申请实施例中一优化后的CCS样式文件内容的示意图;
图6为本申请实施例中消除CSS样式冗余的装置实施例的示意图。
具体实施方式
为使本申请的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本申请实施例作进一步详细的说明。
首先,对本申请实施例中涉及的一些概念进行说明。
样式规则:样式规则可应用于网页中的网页元素,用于定义网页元素所需要的样式,例如网页元素为div元素,则可以利用样式规则定义该div元素对应的样式,div元素是用来为HTML(Hyper Text Markup Language,超级文本标记语言)文档内大块(block-level)的内容提供结构和背景的元素。样式规则可以由一个或多个样式属性及其取值组成,例如样式规则A可以包括样式属性A、样式属性A的取值,样式属性B、样式属性B的取值等。
样式属性:样式属性的名称是一个合法的标识符,该标识符为CSS语法中的关键字。一种样式属性规定了格式修饰的一个方面。例如,样式属性color是文本的颜色属性,而样式属性text-indent是文本段落的缩进属性。每个样式属性都可以定义的取值,例如color:red表示样式属性color(颜色)的取值为red(红色),即定义了文本的颜色为红色。
标签:标签是HTML语言中的基本单位,可以通过标签定义网页元素的类型,例如通过标签<div>可以定义div元素。
在加载CSS样式文件的过程中,CSS样式文件的大小会影响网页加载的速度。在现有技术中,CSS样式文件中通常存在代码冗余,导致网页加载速度较慢。
发明人经研究发现,CSS样式文件中存在代码冗余的原因包括:
在网页加载过程中,为了定义一个HTML网页元素的样式,通常会生效多条样式规则。因为CSS样式规则的继承关系,有时候多条样式规则通常会包含重复的样式属性。而其中每一种样式属性,只能生效其中的一个属性值。所以,其他重复定义的样式属性实际上并没有生效,这样就有可能导致代码冗余。为此,本申请实施例通过去除网页实际加载过程中,没有生效的样式属性,达到消除了CSS样式文件中的冗余部分,提高网页加载速度的目的。
参见图1所示,示出了本申请实施例中提供的一种消除CSS样式冗余的方法实施例的流程图,可以包括以下步骤:
步骤101:获取网页中各个网页元素的CSS样式信息,样式信息包括网页元素对应的样式规则,样式规则包括样式属性。
在浏览器中启动网页的过程中,首先会获取CSS样式文件等相关文件,根据CSS样式文件对网页进行渲染,完成网页的启动。在网页启动后,可以获取网页中各个网页元素的CSS样式信息。
则在本申请实施例一些可能的实现方式中,在获取网页中各个网页元素的CSS样式信息之前,还可以:根据网页对应的CSS样式文件启动网页,遍历网页中各个网页元素。通过遍历的方式获得网页中所包括的网页元素,然后分别获取各个网页元素的CSS样式信息。
每个网页元素对应于一组样式信息,样式信息中包括有该网页元素对应的一个或多个样式规则,每个样式规则包括有一个或多个样式属性,每个样式属性具有相应的取值。不同样式规则中所包括的样式属性可以相同,也可以不同。例如网页元素1对应有2个样式规则,分别为样式规则A和样式规则B,样式规则A包括有样式属性A和样式属性B,样式规则B包括有样式属性A和样式属性C。
在本申请实施例一些可能的实现方式中,获取网页中各个网页元素的CSS样式信息的具体实现方式可以包括:
利用样式获取网页插件获取网页中各个网页元素的CSS样式信息;
或者,利用启动网页所使用浏览器的API接口获取网页中各个网页元素的CSS样式信息。
在实际应用中,可以利用CSSUtilities插件获取网页中各个网页元素的CSS样式信息,CSSUtilities插件是一种可以获取当前网页元素的CSS样式信息的网页插件。也可以使用其他样式获取网页插件获取网页中各个网页元素的CSS样式信息。还可以利用浏览器提供的API(Application Programming Interface,应用程序编程接口)获取网页中各个网页元素的CSS样式信息。
步骤102:在样式规则的样式属性中确定无效样式属性。
一个网页元素可能会生效多条样式规则,有时候多条样式规则通常会包含重复的样式属性。而其中每一种样式属性,只能生效其中的一个属性值。其他重复定义的样式属性就可能成为无效样式属性。
例如,网页元素1对应有样式规则A和样式规则B,样式规则A包括有样式属性A和样式属性B,样式规则B包括有样式属性A和样式属性C。即样式规则A和样式规则B中均包括样式属性A,仅有一个样式属性A的属性值会生效。例如当样式规则B中的样式属性A生效时,则样式规则A中的样式属性A会失效。这样,针对网页元素1失效的样式规则A中的样式属性A则可能成为无效样式属性。
进一步的,针对一个网页元素失效的样式属性,可能在其他网页元素的样式规则中生效。例如,网页元素2对应有2个样式规则,分别为样式规则A和样式规则C,样式规则A包括有样式属性A和样式属性B,样式规则C包括有样式属性C。样式规则A中的样式属性A会针对网页元素2生效,则样式规则A中的样式属性A不会确定为无效样式属性。
这样,可以首先确定出失效过的样式规则中的样式属性,在这些样式属性中再将生效过的样式属性去除,则可以确定出其他样式属性为无效样式属性。
在后续实施例中,会结合示例对本步骤在样式规则的样式属性中确定无效样式属性的具体实现过程继续进行说明。
步骤103:在网页对应的CSS样式文件中去除无效样式属性。
最终在CSS样式文件中去除无效样式属性,可以有效减少CSS样式文件中的冗余部分,从而减小CSS样式文件的体积,达到优化CSS样式文件的目的。在再次启动网页时,则可以使用优化后的CSS样式文件。
本申请实施例可以在网页正式向用户发布之前进行应用,则提供给用户的网页在加载过程中,使用的是优化后的CSS样式文件,可以有效提高网页加载速度。
这样,本申请实施例通过获取网页中各个网页元素的样式规则,样式规则包括有样式属性,从各个样式规则的各个样式属性中可以确定出无效样式属性,通过在CSS样式文件中去除这些无效样式属性,从而消除了CSS样式文件中的冗余部分,达到了缩小CSS样式文件大小,提高网页加载速度的目的。
以下实施例将对两种在样式规则的样式属性中确定无效样式属性的实现方式分别进行说明。
在第一种可能的实现方式中,在样式规则的样式属性中确定无效样式属性的实现可以包括:
确定样式规则的样式属性的失效次数以及生效次数;
在样式规则的样式属性中,将失效次数大于0且生效次数为0的样式属性确定为无效样式属性。
在本实现方式中,可以在样式规则的样式属性中,将失效次数大于0且生效次数为0的样式属性确定为无效样式属性。
以下以具体示例对本实现方式进行说明。可以理解的是,本示例中的应用场景仅为为了便于理解本申请实施例的示例性说明,本申请实施方式在此方面不受任何限制。相反,本申请实施方式可以应用于适用的任何场景。
参见图2所示,示出了一网页的实现代码,假设该网页有两个div元素,第一个div元素对应有样式规则A(ruleA)和样式规则B(ruleB),第二个div元素对应有样式规则B(ruleB)和样式规则C(ruleC)。
参见图3所示,示出了一CSS样式文件的内容。其中,样式规则A包括有样式属性background(背景)以及样式属性color(字体颜色),样式属性background的取值为yellow(黄色),样式属性color的取值为#fff(代表白色)。样式规则B包括有样式属性background,样式属性background的取值为red(红色)。样式规则C包括有样式属性background,样式属性background的取值为green(绿色)。
参见图4所示,为该网页显示效果的示意图。在启动该网页后,可以利用样式获取网页插件获取到这两个div元素的CSS样式信息。
对于第一个div元素(简称div1),其CSS样式信息包括样式规则A(ruleA)和样式规则B(ruleB),样式规则A和样式规则B中均包括样式属性background。根据class类的规则,样式规则B优先生效。则对于div1,样式规则A的样式属性background没有生效(即失效),样式规则A的样式属性color生效。样式规则B的样式属性background生效。因此,div1的实际显示效果为红色背景、白色文字颜色。
对于第二个div元素(简称div2),其CSS样式信息包括样式规则B(ruleB)和样式规则C(ruleC),样式规则B和样式规则C中均包括样式属性background。根据class类的规则,样式规则C优先生效。则对于div2,样式规则B的样式属性background没有生效(即失效),样式规则C的样式属性background生效。因此,div2的实际显示效果为绿色背景。
这样,可以统计出各个样式规则的样式属性的失效次数以及生效次数。参见下表所示,示出了上述各个样式属性的失效次数、生效次数以及是否去除的情况。在本实施例中可以对确定为无效样式属性的样式属性进行去除。
样式属性 | 生效次数 | 失效次数 | 是否去除 |
ruleA.color | 1 | 0 | 否 |
ruleA.background | 0 | 1 | 是 |
ruleB.background | 1 | 1 | 否 |
ruleC.background | 1 | 0 | 否 |
其中,ruleA.color代表ruleA的样式属性color,其生效次数为1;ruleA.background代表ruleA的样式属性background,其失效次数为1;ruleB.background代表ruleB的样式属性background,其生效次数为1,失效次数为1,ruleC.background代表ruleC的样式属性background,其生效次数为1。
将失效次数大于0且生效次数为0的样式属性可以确定为无效样式属性。则ruleA的样式属性background被确定为无效样式属性。即ruleA的样式属性background失效过,且未针对其他网页生效,则该样式属性为无效样式属性。
最后可以在CSS样式文件中去除无效样式属性。在示例中,即去除ruleA的样式属性background。参见图5所示,示出了优化后的CSS样式文件。优化后的CSS样式文件去除了失效部分的代码,减少CSS样式文件代码体积,进而提升了网页加载速度。
在第二种可能的实现方式中,在样式规则的样式属性中确定无效样式属性的实现可以包括:
在样式规则的样式属性中确定生效的样式属性集合;
在样式规则的样式属性中确定失效的样式属性集合;
在失效的样式属性集合中去除在生效的样式属性集合中包括的样式属性之后,得到无效样式属性。
在本实现方式中,还可以在样式规则的样式属性中统计出失效的样式属性以及生效的样式属性,然后从失效的样式属性集合中去除在生效的样式属性集合中包括的样式属性,则失效的样式属性集合中剩余的样式属性为无效样式属性。在CSS样式文件去除无效样式属性,可以减少CSS样式文件代码体积,进而提升了网页加载速度。
参见图6所示,示出了本申请实施例中提供的一种消除CSS样式冗余的装置实施例的示意图,可以包括:
获取单元601,用于获取网页中各个网页元素的CSS样式信息,样式信息包括网页元素对应的样式规则,样式规则包括样式属性。
在本申请实施例一些可能的实现方式中,还可以包括:
启动单元,用于根据网页对应的CSS样式文件启动网页,遍历网页中各个网页元素。
在本申请实施例一些可能的实现方式中,获取单元可以具体用于:
利用样式获取网页插件获取网页中各个网页元素的CSS样式信息;
或者,利用启动网页所使用浏览器的API接口获取网页中各个网页元素的CSS样式信息。
确定单元602,用于在样式规则的样式属性中确定无效样式属性。
去除单元603,用于在网页对应的CSS样式文件中去除无效样式属性。
在本申请实施例一些可能的实现方式中,确定单元可以包括:
第一确定子单元,用于确定样式规则的样式属性的失效次数以及生效次数;
第二确定子单元,用于在样式规则的样式属性中,将失效次数大于0且生效次数为0的样式属性确定为无效样式属性。
在本申请实施例一些可能的实现方式中,确定单元可以包括:
第三确定子单元,用于在样式规则的样式属性中确定生效的样式属性集合;
第四确定子单元,用于在样式规则的样式属性中确定失效的样式属性集合;
第五确定子单元,用于在失效的样式属性集合中去除在生效的样式属性集合中包括的样式属性之后,得到无效样式属性。
上述消除CSS样式冗余的装置可以包括处理器和存储器,上述获取单元、确定单元、去除单元、启动单元等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来消除CSS样式冗余。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本发明实施例提供了一种存储介质,其上存储有程序,该程序被处理器执行时实现上述消除CSS样式冗余的方法。
本发明实施例提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行上述消除CSS样式冗余方法。
本发明实施例提供了一种设备,设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:
获取网页中各个网页元素的CSS样式信息,样式信息包括网页元素对应的样式规则,样式规则包括样式属性;
在样式规则的样式属性中确定无效样式属性;
在网页对应的CSS样式文件中去除无效样式属性。
可选的,获取网页中各个网页元素的CSS样式信息之前,还可以包括:
根据网页对应的CSS样式文件启动网页,遍历网页中各个网页元素。
可选的,获取网页中各个网页元素的CSS样式信息可以包括:
利用样式获取网页插件获取网页中各个网页元素的CSS样式信息;
或者,利用启动网页所使用浏览器的API接口获取网页中各个网页元素的CSS样式信息。
可选的,在样式规则的样式属性中确定无效样式属性可以包括:
确定样式规则的样式属性的失效次数以及生效次数;
在样式规则的样式属性中,将失效次数大于0且生效次数为0的样式属性确定为无效样式属性。
可选的,在样式规则的样式属性中确定无效样式属性可以包括:
在样式规则的样式属性中确定生效的样式属性集合;
在样式规则的样式属性中确定失效的样式属性集合;
在失效的样式属性集合中去除在生效的样式属性集合中包括的样式属性之后,得到无效样式属性。
本文中的设备可以是服务器、PC、PAD、手机等。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:
获取网页中各个网页元素的CSS样式信息,样式信息包括网页元素对应的样式规则,样式规则包括样式属性;
在样式规则的样式属性中确定无效样式属性;
在网页对应的CSS样式文件中去除无效样式属性。
可选的,获取网页中各个网页元素的CSS样式信息之前,还可以包括:
根据网页对应的CSS样式文件启动网页,遍历网页中各个网页元素。
可选的,获取网页中各个网页元素的CSS样式信息可以包括:
利用样式获取网页插件获取网页中各个网页元素的CSS样式信息;
或者,利用启动网页所使用浏览器的API接口获取网页中各个网页元素的CSS样式信息。
可选的,在样式规则的样式属性中确定无效样式属性可以包括:
确定样式规则的样式属性的失效次数以及生效次数;
在样式规则的样式属性中,将失效次数大于0且生效次数为0的样式属性确定为无效样式属性。
可选的,在样式规则的样式属性中确定无效样式属性可以包括:
在样式规则的样式属性中确定生效的样式属性集合;
在样式规则的样式属性中确定失效的样式属性集合;
在失效的样式属性集合中去除在生效的样式属性集合中包括的样式属性之后,得到无效样式属性。
这样,本申请实施例通过获取网页中各个网页元素的样式规则,样式规则包括有样式属性,从各个样式规则的各个样式属性中可以确定出无效样式属性,通过在CSS样式文件中去除这些无效样式属性,从而消除了CSS样式文件中的冗余部分,达到了缩小CSS样式文件大小,提高网页加载速度的目的。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种消除CSS样式冗余的方法,其特征在于,所述方法包括:
获取网页中各个网页元素的CSS样式信息,所述样式信息包括所述网页元素对应的样式规则,所述样式规则包括样式属性;
在所述样式规则的样式属性中确定无效样式属性;
在所述网页对应的CSS样式文件中去除所述无效样式属性。
2.根据权利要求1所述的方法,其特征在于,所述获取网页中各个网页元素的CSS样式信息之前,所述方法还包括:
根据网页对应的CSS样式文件启动所述网页,遍历所述网页中各个网页元素。
3.根据权利要求1或2所述的方法,其特征在于,所述获取网页中各个网页元素的CSS样式信息,包括:
利用样式获取网页插件获取网页中各个网页元素的CSS样式信息;
或者,利用启动所述网页所使用浏览器的API接口获取网页中各个网页元素的CSS样式信息。
4.根据权利要求1所述的方法,其特征在于,所述在所述样式规则的样式属性中确定无效样式属性,包括:
确定所述样式规则的样式属性的失效次数以及生效次数;
在所述样式规则的样式属性中,将所述失效次数大于0且所述生效次数为0的样式属性确定为无效样式属性。
5.根据权利要求1所述的方法,其特征在于,所述在所述样式规则的样式属性中确定无效样式属性,包括:
在所述样式规则的样式属性中确定生效的样式属性集合;
在所述样式规则的样式属性中确定失效的样式属性集合;
在所述失效的样式属性集合中去除在所述生效的样式属性集合中包括的样式属性之后,得到无效样式属性。
6.一种消除CSS样式冗余的装置,其特征在于,所述装置包括:
获取单元,用于获取网页中各个网页元素的CSS样式信息,所述样式信息包括所述网页元素对应的样式规则,所述样式规则包括样式属性;
确定单元,用于在所述样式规则的样式属性中确定无效样式属性;
去除单元,用于在所述网页对应的CSS样式文件中去除所述无效样式属性。
7.根据权利要求6所述的装置,其特征在于,所述确定单元包括:
第一确定子单元,用于确定所述样式规则的样式属性的失效次数以及生效次数;
第二确定子单元,用于在所述样式规则的样式属性中,将所述失效次数大于0且所述生效次数为0的样式属性确定为无效样式属性。
8.根据权利要求6所述的装置,其特征在于,所述确定单元包括:
第三确定子单元,用于在所述样式规则的样式属性中确定生效的样式属性集合;
第四确定子单元,用于在所述样式规则的样式属性中确定失效的样式属性集合;
第五确定子单元,用于在所述失效的样式属性集合中去除在所述生效的样式属性集合中包括的样式属性之后,得到无效样式属性。
9.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,所述程序执行权利要求1至5中任意一项所述的消除CSS样式冗余的方法。
10.一种处理器,其特征在于,所述处理器用于运行程序,其中,所述程序运行时执行权利要求1至5中任意一项所述的消除CSS样式冗余的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710876953.8A CN109558549B (zh) | 2017-09-25 | 2017-09-25 | 一种消除css样式冗余的方法及相关产品 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710876953.8A CN109558549B (zh) | 2017-09-25 | 2017-09-25 | 一种消除css样式冗余的方法及相关产品 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109558549A true CN109558549A (zh) | 2019-04-02 |
CN109558549B CN109558549B (zh) | 2021-02-02 |
Family
ID=65862525
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710876953.8A Active CN109558549B (zh) | 2017-09-25 | 2017-09-25 | 一种消除css样式冗余的方法及相关产品 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109558549B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110688118A (zh) * | 2019-10-28 | 2020-01-14 | 郑州阿帕斯科技有限公司 | 一种网页优化方法及装置 |
CN111045684A (zh) * | 2019-12-18 | 2020-04-21 | 深圳前海环融联易信息科技服务有限公司 | Css代码冗余检测优化方法与装置和设备及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103500118A (zh) * | 2013-10-24 | 2014-01-08 | 北京奇虎科技有限公司 | 一种级联样式表优化方法和装置 |
CN105205080A (zh) * | 2014-06-26 | 2015-12-30 | 阿里巴巴集团控股有限公司 | 冗余文件清理方法、装置和系统 |
US20160078656A1 (en) * | 2014-09-15 | 2016-03-17 | Microsoft Technology Licensing, Llc | Remote Font Management |
US20160275053A1 (en) * | 2015-03-18 | 2016-09-22 | Microsoft Technology Licensing, Llc | Conditionally Controlled Styling |
CN106919624A (zh) * | 2015-12-28 | 2017-07-04 | 航天信息股份有限公司 | 提高网页加载速度的方法及装置 |
-
2017
- 2017-09-25 CN CN201710876953.8A patent/CN109558549B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103500118A (zh) * | 2013-10-24 | 2014-01-08 | 北京奇虎科技有限公司 | 一种级联样式表优化方法和装置 |
CN105205080A (zh) * | 2014-06-26 | 2015-12-30 | 阿里巴巴集团控股有限公司 | 冗余文件清理方法、装置和系统 |
US20160078656A1 (en) * | 2014-09-15 | 2016-03-17 | Microsoft Technology Licensing, Llc | Remote Font Management |
US20160275053A1 (en) * | 2015-03-18 | 2016-09-22 | Microsoft Technology Licensing, Llc | Conditionally Controlled Styling |
CN106919624A (zh) * | 2015-12-28 | 2017-07-04 | 航天信息股份有限公司 | 提高网页加载速度的方法及装置 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110688118A (zh) * | 2019-10-28 | 2020-01-14 | 郑州阿帕斯科技有限公司 | 一种网页优化方法及装置 |
CN110688118B (zh) * | 2019-10-28 | 2023-05-05 | 郑州阿帕斯科技有限公司 | 一种网页优化方法及装置 |
CN111045684A (zh) * | 2019-12-18 | 2020-04-21 | 深圳前海环融联易信息科技服务有限公司 | Css代码冗余检测优化方法与装置和设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN109558549B (zh) | 2021-02-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110489116B (zh) | 一种页面的渲染方法、装置及计算机存储介质 | |
CN105630843B (zh) | 网页变化监控方法及装置 | |
CN110059277A (zh) | 首页加载优化方法、服务器及计算机可读存储介质 | |
CN106909361B (zh) | 基于模版引擎的web开发方法和装置 | |
CN104572668B (zh) | 基于多个样式文件生成合并样式文件的方法和设备 | |
US8745027B1 (en) | Jslayout cascading style sheets optimization | |
CN106933887B (zh) | 一种数据可视化方法及装置 | |
CN105677654A (zh) | 广告过滤方法及装置 | |
CN103377039B (zh) | 一种网页游戏开发、解析方法、一种编辑器以及解析装置 | |
CN109684584A (zh) | 一种浏览器内核的智能切换方法、装置、终端及存储介质 | |
CN109558549A (zh) | 一种消除css样式冗余的方法及相关产品 | |
CN105159686B (zh) | 一种网站页面开发方法和装置 | |
CN108874379B (zh) | 页面的处理方法及装置 | |
CN109558548B (zh) | 一种消除css样式冗余的方法及相关产品 | |
CN106610824B (zh) | 一种页面高度自适应的方法及装置 | |
CN110020343A (zh) | 网页编码格式的确定方法和装置 | |
CN112560403A (zh) | 文本的处理方法及装置、电子设备 | |
CN110245311A (zh) | 局部页面动态渲染方法及装置 | |
CN115935909A (zh) | 一种文件生成方法、装置及电子设备 | |
CN111651160B (zh) | 插件构建、网页设计的方法和装置 | |
CN105868363B (zh) | 一种基于模糊逻辑的网页页面正文抽取方法及系统 | |
CN110018812A (zh) | 一种图形绘制方法和装置 | |
US20110016471A1 (en) | Balancing Resource Allocations Based on Priority | |
CN102929777B (zh) | 网络应用测试方法及测试系统 | |
CN113010758A (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 | ||
CB02 | Change of applicant information |
Address after: 100080 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing Applicant after: Beijing Guoshuang Technology Co.,Ltd. Address before: 100086 Beijing city Haidian District Shuangyushu Area No. 76 Zhichun Road cuigongfandian 8 layer A Applicant before: Beijing Guoshuang Technology Co.,Ltd. |
|
CB02 | Change of applicant information | ||
GR01 | Patent grant | ||
GR01 | Patent grant |