用于解析网页的方法、装置及电子设备.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN109145235A(43)申请公布日2019.01.04(21)申请号201710456574.3(22)申请日2017.06.16(71)申请人艺龙网信息技术（北京）有限公司地址100015北京市朝阳区酒仙桥中路10号星科大厦C座三层(72)发明人江浩(74)专利代理机构北京律智知识产权代理有限公司11438代理人姜怡黄玉霞(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)权利要求书2页说明书12页附图2页(54)发明名称用于解析网页的方法、装置及电子设备(57)摘要本申请涉及用于解析网页的方法、装置及电子设备,方法包括：将网页关联的CSS样式表翻译成JS(JavaScript)对象得到JS样式表；对所述网页的HTML文件进行编译得到JS网页文件，编译时将所述JS样式表关联到所述JS网页文件；解析所述JS网页文件时，根据所述JS样式表对所述JS网页文件进行渲染。本申请的技术方案能够跨平台支持CSS外联方式，进一步地能够实现ReactNative对CSS的高效率的样式布局方式的支持。CN109145235ACN109145235A权利要求书1/2页1.一种解析网页的方法，其特征在于，包括：将网页关联的CSS样式表翻译成JS对象得到JS样式表；对所述网页的HTML文件进行编译得到JS网页文件，编译时将所述JS样式表关联到所述JS网页文件；解析所述JS网页文件时，根据所述JS样式表对所述JS网页文件进行渲染。2.如权利要求1所述的方法，其特征在于，所述方法还包括编译时在所述HTML文件的标签的注入_id属性，以使所述JS网页文件中的节点具有节点标识。3.如权利要求2所述的方法，其特征在于，根据所述JS样式表对所述JS网页文件进行渲染包括：解析所述JS网页文件时，根据所述节点标识为所述JS网页文件中的节点建立父子关系映射树；根据所述父子关系映射树和所述JS样式表解析所述JS网页文件中的节点的样式，根据所述样式依次渲染所述节点。4.如权利要求3所述的方法，其特征在于，根据所述父子关系映射树和所述JS样式表解析所述JS网页文件中的节点的样式包括：根据所述JS样式表以末级选择器为关键字生成树形结构的选择器索引；根据所述父子关系映射树、所述选择器索引、以及节点的_styles属性动态匹配所述节点上生效的样式规则对象；对所述JS网页文件中的节点分别采用匹配的所述样式规则对象进行渲染。5.如权利要求4所述的方法，其特征在于，根据所述父子关系映射树、所述选择器索引、以及节点的_styles属性动态匹配所述节点上生效的样式规则对象包括：根据所述父子关系映射树和所述选择器索引对所述选择器索引进行过滤以获取与所述节点相关的选择器列表；获取所述节点从父节点继承的样式规则，对所继承的样式规则、所述节点的_styles属性、以及所述选择器列表进行规则合并确定所述节点上生效的样式规则对象。6.如权利要求1所述的方法，其特征在于，所述方法还包括编译时将所述HTML文件的标签的结点继承设定基类；根据所述JS样式表对所述JS网页文件进行渲染包括：采用所述设定基类定义的方法根据所述JS样式表对所述JS网页文件进行渲染。7.如权利要求1所述的方法，其特征在于，若所述网页关联多个CSS样式表，所述将网页关联的CSS样式表翻译成JS对象得到JS样式表包括：将所述多个CSS样式表分别翻译成JS对象得到多个JS样式表；所述编译时将所述JS样式表关联到所述JS网页文件包括：编译时将所述多个JS样式表关联到所述JS网页文件。8.如权利要求1所述的方法，其特征在于：将网页关联的CSS样式表翻译成JS对象得到JS样式表包括：将网页关联的CSS样式表翻译成ReactNative支持的JS对象得到JS样式表；对所述网页的HTML文件进行编译得到JS网页文件包括：对所述网页的HTML文件进行编译得到ReactNative支持的JS网页文件；2CN109145235A权利要求书2/2页对节点上生效的样式规则进行解析包括：在ReactNative框架上对节点上生效的样式规则进行解析。9.如权利要求1所述的方法，其特征在于，编译时将所述JS样式表关联到所述JS网页文件包括：编译时在所述HTML文件的最外层标签上注入_styles属性，在所述_styles属性中标记所述JS样式表。10.一种解析网页的装置，其特征在于，包括：样式表翻译单元，用于将网页关联的CSS样式表翻译成JS对象得到JS样式表；网页编译单元，用于对所述网页的HTML文件进行编译得到JS网页文件，编译时将所述JS样式表关联到所述JS网页文件；解析渲染单元，用于解析所述JS网页文件时，根据所述JS样式表对所述