骨架屏页面生成方法、装置、电子设备及存储介质制造方法及图纸

本发明专利技术实施例提供一种骨架屏页面生成方法、装置、电子设备及存储介质，通过获取配置信息，配置文件用于确定骨架屏的生成参数；根据配置信息，访问第一目标页面，并对第一目标页面进行路由监测；根据第一目标页面的页面路由变化情况，确定第二目标页面；在第二目标页面内，生成交互控件，并根据交互控件的触发事件，生成与第二目标页面相匹配的骨架屏页面，由于本发明专利技术实施例提供的方法能够对第一目标页面进行路由监测，当页面路由发生变化时，自动在目标路由地址对应的第二目标页面内生成交互控件，同时按照用户的需要生成骨架屏，解决了无法动态生成骨架屏的问题，提高了骨架屏页面的生成效率和灵活性。

【技术实现步骤摘要】
骨架屏页面生成方法、装置、电子设备及存储介质
本专利技术涉及互联网
，尤其涉及一种骨架屏页面生成方法、装置、电子设备及存储介质。
技术介绍
骨架屏为在页面数据尚未返回之前或页面完全渲染完成之前，给用户展示一个页面的大致结构，用户可以看到一个由灰白块组成的当前页面的轮廓，在这个过程中用户会感觉到内容在逐渐加载，使页面从视觉方面变得流畅，可以有效解决加载页面时出现的白屏问题。现有技术中，骨架屏页面的生成方案一般是抓取页面的具体布局结构，然后进行人工设计，并将设计后的图片嵌入至网页项目中，实现骨架屏页面的生成。然后，这种方案比较适合于比较固定的页面结构，无法动态生成骨架屏，对于需要用户操作后才生成的页面，例如需要登录才能进入的页面，则无法获取登录后页面的完整结构，导致了无法快速生成骨架屏页面的问题。
技术实现思路
本专利技术提供一种骨架屏页面生成方法、装置、电子设备及存储介质，用以解决无法快速生成骨架屏页面的问题。根据本公开实施例的第一方面，本专利技术提供了一种骨架屏页面生成方法，所述方法包括本文档来自技高网...

【技术保护点】
1.一种骨架屏页面生成方法，其特征在于，包括：/n获取配置信息，所述配置文件用于确定骨架屏的生成参数；/n根据所述配置信息，访问所述第一目标页面，并对所述第一目标页面进行路由监测；/n根据所述第一目标页面的页面路由变化情况，确定第二目标页面；/n在所述第二目标页面内，生成交互控件，并根据所述交互控件的触发事件，生成与所述第二目标页面相匹配的骨架屏页面。/n

【技术特征摘要】
1.一种骨架屏页面生成方法，其特征在于，包括：
获取配置信息，所述配置文件用于确定骨架屏的生成参数；
根据所述配置信息，访问所述第一目标页面，并对所述第一目标页面进行路由监测；
根据所述第一目标页面的页面路由变化情况，确定第二目标页面；
在所述第二目标页面内，生成交互控件，并根据所述交互控件的触发事件，生成与所述第二目标页面相匹配的骨架屏页面。


2.根据权利要求1所述的方法，其特征在于，所述配置信息中包括页面地址和页面名称，根据所述配置信息，访问所述第一目标页面，并对所述第一目标页面进行路由监测，包括：
使用控件库新建一个无头浏览器，所述控件库用于提供无头浏览器的操作接口；
接收所述无头浏览器返回的实例；
通过所述无头浏览器对于所述页面地址和页面名称对应的第一目标页面进行访问，并执行目标改变事件，对所述第一目标页面进行路由监测。


3.根据权利要求1所述的方法，其特征在于，根据所述第一目标页面的页面路由变化情况，确定第二目标页面，包括：
若所述页面路由变化，则获取变化后的页面路由对应的路由地址；
将所述路由地址对应的页面确定为第二目标页面。


4.根据权利要求1-3任一项所述的方法，其特征在于，所述交互控件包括骨架屏生成控件，所述骨架屏生成控件用于接收用户输入的操作指令，生成触发事件，在所述第二目标页面内，生成交互控件，包括：
获取所述第二目标页面的尺寸信息；
根据所述尺寸信息，将所述骨架屏生成控件设置在所述第二目标页面的边缘位置。


5.根据权利要求4所述的方法，其特征在于，生成与所述第二目标页面相匹配的骨架屏页面，包括：
获取所述第二目标页面的页面布局样式；
对所述页面布局样式进行划分，生成一个或...

【专利技术属性】
技术研发人员：孙昊男，康岑波，
申请(专利权)人：北京蚂蜂窝网络科技有限公司，
类型：发明
国别省市：北京;11