【技术实现步骤摘要】
本专利技术涉及前端设计，具体而言，涉及一种骨架纹理的宽度计算方法及装置、存储介质、电子设备。
技术介绍
1、目前，若需要在浏览器网页中进行文本隐写时，常用的方案是对文本字符进行编码，得到待隐藏的内容，在浏览器网页的已有的显示内容中对待隐藏的内容进行插入，可以实现在常规场景下的文本隐写，但这种手段并不完全隐蔽，使用正则匹配等手段对浏览器已有的显示内容进行检测会识别出文本异常，进而发现其中插入的隐藏内容。
2、针对上述的问题，目前尚未提出有效的解决方案。
技术实现思路
1、本专利技术实施例提供了一种骨架纹理的宽度计算方法及装置、存储介质、电子设备，以至少解决相关技术中在浏览器网页被设置为根据窗口尺寸自适应内容展示尺寸的情况下，原有骨架纹理宽度与自适应后的内容展示尺寸不匹配，导致用户阅读体验降低的技术问题。
2、根据本专利技术实施例的一个方面，提供了一种骨架纹理的宽度计算方法，包括：获取待展示内容所在目标元素对应的目标骨架纹理的宽度初始值；获取所述目标元素的原始样式信息，其中，所述原始样式信息至少包括：所述待展示内容的原始尺寸值；基于所述原始尺寸值计算所述目标元素对应的所述目标骨架纹理在当前网页上实际显示时所应用的缩放系数，其中，所述当前网页被设置为根据窗口尺寸自动调整待展示内容的展示尺寸；基于所述宽度初始值和所述缩放系数确定所述目标骨架纹理在所述当前网页上实际显示时所应用的骨架纹理宽度值。
3、可选地，在所述待展示内容的类型为文本的情况下，所述骨架纹
4、可选地，在获取所述目标元素的原始样式信息之前，还包括：通过指定样式计算接口获取第一计算样式，其中，所述第一计算样式至少包括：所述目标元素在所述当前网页上实际显示的第一显示尺寸值；基于所述第一显示尺寸值和预设尺寸阈值，判断所述目标元素在所述当前网页中是否为受限元素，得到第一判断结果；在所述第一判断结果指示所述目标元素为所述受限元素的情况下，利用所述指定样式计算接口，获取所述目标元素的所述原始样式信息；或者，在所述第一判断结果指示所述目标元素不是所述受限元素的情况下，将所述宽度初始值确定为所述目标骨架纹理在所述当前网页上实际显示时所应用的骨架纹理宽度值。
5、可选地，获取所述目标元素的原始样式信息的步骤，包括：获取所述目标元素的css样式表，其中，所述css样式表用于记录所述目标元素的所述原始样式信息；基于所述css样式表创建伪元素，其中，所述伪元素的元素样式信息与所述目标元素的所述原始样式信息存在预设关联关系；在所述当前网页上对所述伪元素进行展示，并通过所述指定样式计算接口获取第二计算样式，其中，所述第二计算样式至少包括：所述伪元素在所述当前网页上的第二显示尺寸值；基于所述预设关联关系和所述第二计算样式计算得到所述原始样式信息。
6、可选地，基于所述css样式表创建伪元素的步骤，包括：定义所述目标元素的css选择器，并在所述css选择器中创建伪元素类；在所述css选择器中将所述目标元素确定为父元素，并将所述目标元素的所述原始样式信息确定为父元素样式；基于指定样式定义公式和所述父元素样式定义所述伪元素的所述元素样式信息，其中，所述指定样式定义公式用于描述所述预设关联关系；基于所述css选择器创建所述伪元素。
7、可选地，在通过所述指定样式计算接口获取第二计算样式之后，还包括：步骤s1，基于所述第二计算样式中的所述第二显示尺寸值和预设尺寸阈值，判断所述伪元素在所述当前网页中是否为受限元素，得到第二判断结果；步骤s2，在所述第二判断结果指示所述伪元素为所述受限元素的情况下，调整所述指定样式定义公式中的可调参数；步骤s3，在所述css选择器中基于调整后的所述指定样式定义公式和所述父元素样式重新定义所述伪元素的所述元素样式信息；步骤s4，基于重新定义所述元素样式信息后的所述css选择器重新创建所述伪元素，并通过所述指定样式计算接口重新获取第二计算样式；重复执行步骤s1至步骤s4，直至所述第二判断结果指示所述伪元素不是所述受限元素的情况下，停止调整所述可调参数。
8、可选地，在基于所述宽度初始值和所述缩放系数确定所述目标骨架纹理在所述当前网页上实际显示时所应用的骨架纹理宽度值之后，还包括：在所述当前网页对所述待展示内容进行加载的过程中，将所述骨架纹理宽度值应用至所述目标骨架纹理对应的骨架屏元素，得到宽度补正后的骨架屏。
9、根据本专利技术实施例的另一方面，还提供了一种骨架纹理的宽度计算装置，包括：第一获取单元，用于获取待展示内容所在目标元素对应的目标骨架纹理的宽度初始值；第二获取单元，用于获取所述目标元素的原始样式信息，其中，所述原始样式信息至少包括：所述待展示内容的原始尺寸值；计算单元，用于基于所述原始尺寸值计算所述目标元素对应的所述目标骨架纹理在当前网页上实际显示时所应用的缩放系数，其中，所述当前网页被设置为根据窗口尺寸自动调整待展示内容的展示尺寸；确定单元，用于基于所述宽度初始值和所述缩放系数确定所述目标骨架纹理在所述当前网页上实际显示时所应用的骨架纹理宽度值。
10、可选地，所述骨架纹理的宽度计算装置还包括：第三获取单元，用于在所述待展示内容的类型为文本的情况下，获取所述目标元素的所述原始样式信息，其中，所述原始样式信息至少包括：所述目标元素对应的待展示文本内容中关联有文字信息的所述原始尺寸值。
11、可选地，所述骨架纹理的宽度计算装置还包括：第四获取单元，用于在获取所述目标元素的原始样式信息之前，通过指定样式计算接口获取第一计算样式，其中，所述第一计算样式至少包括：所述目标元素在所述当前网页上实际显示的第一显示尺寸值；判断单元，用于基于所述第一显示尺寸值和预设尺寸阈值，判断所述目标元素在所述当前网页中是否为受限元素，得到第一判断结果；第五获取单元，用于在所述第一判断结果指示所述目标元素为所述受限元素的情况下，利用所述指定样式计算接口，获取所述目标元素的所述原始样式信息；确定单元，用于在所述第一判断结果指示所述目标元素不是所述受限元素的情况下，将所述宽度初始值确定为所述目标骨架纹理在所述当前网页上实际显示时所应用的骨架纹理宽度值。
12、可选地，所述第二获取单元包括：第一获取模块，用于获取所述目标元素的css样式表，其中，所述css样式表用于记录所述目标元素的所述原始样式信息；第一创建模块，用于基于所述css样式表创建伪元素，其中，所述伪元素的元素样式信息与所述目标元素的所述原始样式信息存在预设关联关系；第二获取模块，用于在所述当前网页上对所述伪元素进行展示，并通过所述指定样式计算接口获取第二计算样式，其中，所述第二计算样式至少包括：所述伪元素在所述当前网页上的第二显示尺寸值；计算模块，用于基于所述预设关联关系和所述第二计算样式计算得到所述原始样式信息。
13、可选地，所述第本文档来自技高网...
【技术保护点】
1.一种骨架纹理的宽度计算方法，其特征在于，包括：
2.根据权利要求1所述的宽度计算方法，其特征在于，在所述待展示内容的类型为文本的情况下，所述骨架纹理的宽度计算方法还包括：
3.根据权利要求1或2所述的宽度计算方法，其特征在于，在获取所述目标元素的原始样式信息之前，还包括：
4.根据权利要求1或2所述的宽度计算方法，其特征在于，获取所述目标元素的原始样式信息的步骤，包括：
5.根据权利要求4所述的宽度计算方法，其特征在于，基于所述CSS样式表创建伪元素的步骤，包括：
6.根据权利要求5所述的宽度计算方法，其特征在于，在通过所述指定样式计算接口获取第二计算样式之后，还包括：
7.根据权利要求1所述的宽度计算方法，其特征在于，在基于所述宽度初始值和所述缩放系数确定所述目标骨架纹理在所述当前网页上实际显示时所应用的骨架纹理宽度值之后，还包括：
8.一种骨架纹理的宽度计算装置，其特征在于，包括：
9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质包括存储的计算机程序，其中，在所述
10.一种电子设备，其特征在于，包括一个或多个处理器和存储器，所述存储器用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现权利要求1至7中任意一项所述的骨架纹理的宽度计算方法。
...【技术特征摘要】
1.一种骨架纹理的宽度计算方法，其特征在于，包括：
2.根据权利要求1所述的宽度计算方法，其特征在于，在所述待展示内容的类型为文本的情况下，所述骨架纹理的宽度计算方法还包括：
3.根据权利要求1或2所述的宽度计算方法，其特征在于，在获取所述目标元素的原始样式信息之前，还包括：
4.根据权利要求1或2所述的宽度计算方法，其特征在于，获取所述目标元素的原始样式信息的步骤，包括：
5.根据权利要求4所述的宽度计算方法，其特征在于，基于所述css样式表创建伪元素的步骤，包括：
6.根据权利要求5所述的宽度计算方法，其特征在于，在通过所述指定样式计算接口获取第二计算样式之后，还包括：
7.根据权利要求1所述...
【专利技术属性】
技术研发人员：李贺，
申请(专利权)人：天翼电子商务有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。