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

本申请提供一种骨架预览屏的生成方法及装置、电子设备、存储介质，该方法包括：通过浏览器插件获取目标页面的第一页面内容；对第一页面内容的若干指定元素进行修改，获得修改后的第二页面内容；基于第二页面内容生成目标页面对应的第一骨架预览屏。该方案通过浏览器插件生成骨架预览屏，提高了骨架屏的生成效率和准确率，增强了用户体验。增强了用户体验。增强了用户体验。

【技术实现步骤摘要】
骨架预览屏的生成方法及装置、电子设备、存储介质


[0001]本申请涉及计算机
，特别涉及一种骨架预览屏的生成方法及装置、电子设备、存储介质。

技术介绍

[0002]随着人们对网页页面的体验感要求提升，骨架屏在页面中的应用也越来越普遍。骨架屏在页面加载过程中为用户传递信息，延缓用户焦虑。传统的骨架屏，场景比较单一，不同页面可能具有相同的骨架屏。这种情况夏，骨架屏无法使用户真实感知后续页面的内容，会使用户困扰。

技术实现思路

[0003]本申请实施例提供了骨架屏的生成方法，用以解决骨架屏生成效率低和准确率低的问题。
[0004]本申请实施例提供了一种骨架屏的生成方法，包括：
[0005]通过浏览器插件获取目标页面的第一页面内容；
[0006]对所述第一页面内容的若干指定元素进行修改，获得修改后的第二页面内容；
[0007]基于所述第二页面内容生成所述目标页面对应的第一骨架预览屏。
[0008]在一实施例中，所述方法还包括：
[0009]响应于针对所述第一骨架预览屏的保存指令，保存与所述目标页面对应的第一骨架预览屏。
[0010]在一实施例中，所述方法还包括：
[0011]响应于针对所述第一骨架屏的编辑指令，输出所述浏览器插件的控制面板；其中，所述控制面板展示所述第二页面内容；
[0012]响应于针对所述第二页面内容的调整指令，对所述第二页面内容进行调整，获得第三页面内容；
[0013]基于所述第三页面内容生成所述目标页面对应的第二骨架预览屏。
[0014]在一实施例中，所述调整指令包括添加指令；
[0015]所述响应于针对所述第二页面内容的调整指令，对所述第二页面内容进行调整，包括：
[0016]响应于针对所述第二页面内容的添加指令，为所述第二页面内容添加所述添加指令指示的目标元素。
[0017]在一实施例中，所述调整指令包括删除指令；
[0018]所述响应于针对所述第二页面内容的调整指令，对所述第二页面内容进行调整，包括：
[0019]响应于针对所述第二页面内容中若干目标元素的删除指令，从所述第二页面内容中删除所述目标元素。
[0020]在一实施例中，所述调整指令包括修改指令；
[0021]所述响应于针对所述第二页面内容的调整指令，对所述第二页面内容进行调整，包括：
[0022]响应于针对所述第二页面内容中若干目标元素的修改指令，对所述第二页面内容中的若干目标元素进行修改。
[0023]本申请实施例还提供了一种骨架预览屏的生成装置，包括：
[0024]获取模块，用于通过浏览器插件获取目标页面的第一页面内容；
[0025]修改模块，用于对所述第一页面内容的若干指定元素进行修改，获得修改后的第二页面内容；
[0026]第一预览屏模块，用于基于所述第二页面内容生成所述目标页面对应的第一骨架预览屏。
[0027]在一实施例中，所述装置还包括：
[0028]编辑模块，用于响应于针对所述第一骨架屏的编辑指令，输出所述浏览器插件的控制面板；其中，所述控制面板展示所述第二页面内容；
[0029]调整模块，用于响应于针对所述第二页面内容的调整指令，对所述第二页面内容进行调整，获得第三页面内容；
[0030]第二预览屏模块，用于基于所述第三页面内容生成所述目标页面对应的第二骨架预览屏。
[0031]本申请实施例还提供了一种电子设备，所述电子设备包括：
[0032]处理器；
[0033]用于存储处理器可执行指令的存储器；
[0034]其中，所述处理器被配置为执行上述任意一种骨架预览屏的生成方法。
[0035]本申请实施例还提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序可由处理器执行以完成上述任意一种骨架预览屏的生成方法。
[0036]本申请上述实施例提供的技术方法，通过浏览器插件获取目标页面的第一页面内容，并修改第一页面内容的若干指定元素获得第二页面内容，根据第二页面内容生成目标页面对应的第一骨架预览屏，从而有效提高生成骨架屏的效率和准确率，增强用户体验感。
附图说明
[0037]为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单地介绍。
[0038]图1为本申请一实施例提供的电子设备的结构示意图；
[0039]图2为本申请一实施例提供的第一骨架预览屏的生成方法的流程示意图；
[0040]图3为本申请一实施例提供的第二骨架预览屏的生成方法的流程示意图；
[0041]图4为本申请一实施例提供的一种骨架预览屏的生成装置的框图；
[0042]图5为本申请一实施例提供的第二骨架预览屏的生成装置的框图；
[0043]图6为本申请一实施例提供的调整模块的装置的框图。
具体实施方式
[0044]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。
[0045]相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本申请的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。
[0046]本申请实施例提供的骨架预览屏的生成方法可应用的场景：通过浏览器插件获取目标页面的第一页面内容，对第一页面内容的若干指定元素进行修改获得第二页面内容，并基于该第二页面内容生成目标页面对应的第一骨架预览屏，响应于保存指令，保存此第一骨架预览屏；再响应于相应的编辑和调整指令，对第二页面内容进行调整获得第三页面内容，同时基于该第三页面内容生成目标页面对应的第二骨架预览屏。
[0047]通过浏览器插件调整目标页面内容，获取目标页面对应的骨架预览屏，提高了生成骨架屏的效率和准确率。
[0048]图1为本申请一实施例示出的一种电子设备1，该电子设备1包括：至少一个处理器11和存储器12，图1中以一个处理器为例。处理器11和存储器12通过总线10连接，存储器12存储有可被处理器11执行的指令，指令被处理器11执行。其中，处理器11被配置为执行本申请实施例提供的骨架预览屏的生成方法。
[0049]处理器11可以是包含中央处理单元(CPU)、图像处理单元(GPU)或者具有数据处理能力和/或指令执行能力的其它形式的处理单元的设备，可以对电子设备1中的其它组件的数据进行处理，还可以控制电子设备1中的其它组件以执行期望的功能。
[0050]存储器12可以包括一个或多个计算机程序产品，计算机程序产品可以包括各种形式的计算机可读存储介质，例如易失性存储器和/或非易失性存储器。易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。非易失性存储器例如可以包括只读存储器(ROM)、硬盘、闪存等。在计算机可读存储介质上可本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种骨架预览屏的生成方法，其特征在于，包括：通过浏览器插件获取目标页面的第一页面内容；对所述第一页面内容的若干指定元素进行修改，获得修改后的第二页面内容；基于所述第二页面内容生成所述目标页面对应的第一骨架预览屏。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：响应于针对所述第一骨架预览屏的保存指令，保存与所述目标页面对应的第一骨架预览屏。3.根据权利要求1所述的方法，其特征在于，所述方法还包括：响应于针对所述第一骨架预览屏的编辑指令，输出所述浏览器插件的控制面板；其中，所述控制面板展示所述第二页面内容；响应于针对所述第二页面内容的调整指令，对所述第二页面内容进行调整，获得第三页面内容；基于所述第三页面内容生成所述目标页面对应的第二骨架预览屏。4.根据权利要求3所述的方法，其特征在于，所述调整指令包括添加指令；所述响应于针对所述第二页面内容的调整指令，对所述第二页面内容进行调整，包括：响应于针对所述第二页面内容的添加指令，为所述第二页面内容添加所述添加指令指示的目标元素。5.根据权利要求3所述的方法，其特征在于，所述调整指令包括删除指令；所述响应于针对所述第二页面内容的调整指令，对所述第二页面内容进行调整，包括：响应于针对所述第二页面内容中若干目标元素的删除指令，从所述第二页面内容中删除所述目标元素。6.根据权利要求3所述的方法，其特征在于，所述调整指令包括修改指令；所...

【专利技术属性】
技术研发人员：李奇诺，申鹏云，
申请(专利权)人：挂号网杭州科技有限公司，
类型：发明
国别省市：