骨架屏生成方法、装置、电子设备和计算机存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113760738A(43)申请公布日2021.12.07(21)申请号202110215267.2(22)申请日2021.02.25(71)申请人北京沃东天骏信息技术有限公司地址100176北京市大兴区经济技术开发区科创十一街18号院2号楼4层A402室申请人北京京东世纪贸易有限公司(72)发明人郭风雷(74)专利代理机构北京派特恩知识产权代理有限公司11270代理人刘星雨张颖玲(51)Int.Cl.G06F11/36(2006.01)G06F9/445(2018.01)G06F16/958(2019.01)权利要求书2页说明书9页附图3页(54)发明名称骨架屏生成方法、装置、电子设备和计算机存储介质(57)摘要本发明实施例提出了一种骨架屏生成方法、装置、电子设备和计算机存储介质，该方法包括：在利用自动化测试工具访问浏览器页面时，将生成骨架屏的脚本注入到所述浏览器页面中；通过调用所述脚本执行以下步骤：获取所述浏览器页面对应的DOM元素和所述骨架屏对应的CSS，根据所述DOM元素和所述CSS，得到骨架屏的HTML文件；根据所述HTML文件，生成骨架屏。CN113760738ACN113760738A权利要求书1/2页1.一种骨架屏生成方法，其特征在于，所述方法包括：在利用自动化测试工具访问浏览器页面时，将生成骨架屏的脚本注入到所述浏览器页面中；通过调用所述脚本执行以下步骤：获取所述浏览器页面对应的文档对象模型DOM元素和所述骨架屏对应的层叠样式表CSS，根据所述DOM元素和所述CSS，得到骨架屏的超文本标记语言HTML文件；根据所述HTML文件，生成骨架屏。2.根据权利要求1所述的方法，其特征在于，所述获取所述浏览器页面对应的DOM元素，包括：通过遍历所述浏览器页面获取用于生成骨架屏的DOM元素，将所述用于生成骨架屏的DOM元素作为所述浏览器页面对应的DOM元素。3.根据权利要求1或2所述的方法，其特征在于，所述根据所述DOM元素和所述CSS，得到骨架屏的HTML文件，包括：将所述CSS插入到所述HTML文件的头部head标签中，并将所述DOM元素插入到所述HTML文件的主体body标签中，以得到所述骨架屏的HTML文件。4.根据权利要求1所述的方法，其特征在于，所述方法还包括：监听用于访问HTML文件的静态资源服务器；在监听到所述静态资源服务器启动时，利用自动化测试工具访问浏览器页面；相应地，所述根据所述HTML文件，生成骨架屏，包括：在所述静态资源服务器访问所述HTML文件后，根据所述静态资源服务器访问得到的HTML文件生成所述骨架屏。5.根据权利要求4所述的方法，其特征在于，所述监听用于访问HTML文件的静态资源服务器，包括：在得到用于表征骨架屏显示参数的插件后，监听用于访问HTML文件的静态资源服务器；相应地，所述方法还包括：在所述静态资源服务器启动后，利用所述插件将所述骨架屏显示参数传入至所述静态资源服务器中；所述根据所述静态资源服务器访问得到的HTML文件生成所述骨架屏，包括：根据所述静态资源服务器中的所述骨架屏显示参数以及所述静态资源服务器访问得到的HTML文件生成所述骨架屏。6.根据权利要求5所述的方法，其特征在于，所述插件为结合打包工具打包而成的自定义插件。7.一种骨架屏生成装置，其特征在于，所述装置包括：第一处理模块，用于在利用自动化测试工具访问浏览器页面时，将生成骨架屏的脚本注入到所述浏览器页面中；第二处理模块，用于通过调用所述脚本执行以下步骤：获取所述浏览器页面对应的文档对象模型DOM元素和所述骨架屏对应的层叠样式表CSS，根据所述DOM元素和所述CSS，得到骨架屏的超文本标记语言HTML文件；生成模块，用于根据所述HTML文件，生成骨架屏。8.根据权利要求7所述的装置，其特征在于，所述第二处理模块，用于获取所述浏览器页面对应的DOM元素，包括：2CN113760738A权利要求书2/2页通过遍历所述浏览器页面获取用于生成骨架屏的DOM元素，将所述用于生成骨架屏的DOM元素作为所述浏览器页面对应的DOM元素。9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至6任一项所述的骨架屏生成方法。10.一种计算机存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1至6任一项所述的骨架屏生成方法。3CN113760738A说明书1/9页骨架屏生成方法、装置、电子设备和计算机存储介质技术领域[0001]本发明涉及计算机技术领域，涉及但不限于一种骨架屏(SkeletonScreen)生成方法、装置、电子设备和计算机存储介质。背