骨架屏页面生成方法、装置、电子设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN111857878A(43)申请公布日2020.10.30(21)申请号202010703186.2(22)申请日2020.07.21(71)申请人北京蚂蜂窝网络科技有限公司地址100015北京市朝阳区酒仙桥北路9号(厂区)10幢B座A2(72)发明人孙昊男康岑波(74)专利代理机构北京同立钧成知识产权代理有限公司11205代理人张宁臧建明(51)Int.Cl.G06F9/445(2018.01)G06F9/451(2018.01)H04L12/721(2013.01)权利要求书2页说明书9页附图5页(54)发明名称骨架屏页面生成方法、装置、电子设备及存储介质(57)摘要本发明实施例提供一种骨架屏页面生成方法、装置、电子设备及存储介质，通过获取配置信息，配置文件用于确定骨架屏的生成参数；根据配置信息，访问第一目标页面，并对第一目标页面进行路由监测；根据第一目标页面的页面路由变化情况，确定第二目标页面；在第二目标页面内，生成交互控件，并根据交互控件的触发事件，生成与第二目标页面相匹配的骨架屏页面，由于本发明实施例提供的方法能够对第一目标页面进行路由监测，当页面路由发生变化时，自动在目标路由地址对应的第二目标页面内生成交互控件，同时按照用户的需要生成骨架屏，解决了无法动态生成骨架屏的问题，提高了骨架屏页面的生成效率和灵活性。CN111857878ACN111857878A权利要求书1/2页1.一种骨架屏页面生成方法，其特征在于，包括：获取配置信息，所述配置文件用于确定骨架屏的生成参数；根据所述配置信息，访问所述第一目标页面，并对所述第一目标页面进行路由监测；根据所述第一目标页面的页面路由变化情况，确定第二目标页面；在所述第二目标页面内，生成交互控件，并根据所述交互控件的触发事件，生成与所述第二目标页面相匹配的骨架屏页面。2.根据权利要求1所述的方法，其特征在于，所述配置信息中包括页面地址和页面名称，根据所述配置信息，访问所述第一目标页面，并对所述第一目标页面进行路由监测，包括：使用控件库新建一个无头浏览器，所述控件库用于提供无头浏览器的操作接口；接收所述无头浏览器返回的实例；通过所述无头浏览器对于所述页面地址和页面名称对应的第一目标页面进行访问，并执行目标改变事件，对所述第一目标页面进行路由监测。3.根据权利要求1所述的方法，其特征在于，根据所述第一目标页面的页面路由变化情况，确定第二目标页面，包括：若所述页面路由变化，则获取变化后的页面路由对应的路由地址；将所述路由地址对应的页面确定为第二目标页面。4.根据权利要求1-3任一项所述的方法，其特征在于，所述交互控件包括骨架屏生成控件，所述骨架屏生成控件用于接收用户输入的操作指令，生成触发事件，在所述第二目标页面内，生成交互控件，包括：获取所述第二目标页面的尺寸信息；根据所述尺寸信息，将所述骨架屏生成控件设置在所述第二目标页面的边缘位置。5.根据权利要求4所述的方法，其特征在于，生成与所述第二目标页面相匹配的骨架屏页面，包括：获取所述第二目标页面的页面布局样式；对所述页面布局样式进行划分，生成一个或多个块区域；分别对所述块区域进行处理，使所述块区域与所述第二目标页面中的显示对象的轮廓一致；对处理后的块区域生成进行灰度填充，生成与所述第二目标页面相匹配的骨架屏页面。6.根据权利要求5所述的方法，其特征在于，所述配置文件中还包括填充节点，在分别对所述块区域进行处理，使所述块区域与所述第二目标页面中的显示对象的轮廓一致之后，还包括：按照对应的填充节点，对处理后的块区域进行填充，生成与所述第二目标页面相匹配的骨架屏页面。7.根据权利要求1-3任一项所述的方法，其特征在于，所述配置信息中包括存储位置信息，在生成与所述第二目标页面相匹配的骨架屏页面之后，还包括：根据所述存储位置信息，将所述骨架屏页面对应的代码文件存储于目标存储位置。8.一种骨架屏页面生成装置，其特征在于，包括：2CN111857878A权利要求书2/2页获取模板，用于获取配置信息，所述配置文件用于确定骨架屏的生成参数；监测模块，用于根据所述配置信息，访问所述第一目标页面，并对所述第一目标页面进行路由监测；确定模块，用于根据所述第一目标页面的页面路由变化情况，确定第二目标页面；生成模块，用于在所述第二目标页面内，生成交互控件，并根据所述交互控件的触发事件，生成与所述第二目标页面相匹配的骨架屏页面。9.一种电子设备，其特征在于，包括：存储器，处理器以及计算机程序；其中，所述计算机程序存储在所述存储器中，并被配置为由所述处理器执行以实现如权利要求1至7中任一项所述的骨架屏页面生成方法。10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计