System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种网页显示方法、装置、设备及介质制造方法及图纸_技高网

一种网页显示方法、装置、设备及介质制造方法及图纸

技术编号:40871616 阅读:2 留言:0更新日期:2024-04-08 16:38
本发明专利技术公开了一种网页显示方法、装置、设备及介质,涉及计算机技术领域。上述方法包括:获取目标国家的CSS汇聚文件,用于描述目标国家的网页元素的样式布局特征;根据预先确定的CSS属性词典,对CSS汇聚文件进行处理,得到目标国家的目标CSS属性文件,CSS属性词典根据第一CSS属性表确定,第一CSS属性表从目标中文网站提取;在目标中文网站接收到网页语言切换请求,切换至所述目标国家对应的目标语言时,基于目标CSS属性文件,对待切换网页进行渲染,以显示目标网页;目标网页的网页元素的样式布局特征与目标国家的网页元素的样式布局特征相匹配。本发明专利技术通过CSS变量引入,提高了网页进行国际化切换的配置便捷性。

【技术实现步骤摘要】

本专利技术涉及云计算和大数据,尤其涉及一种网页显示方法、装置、设备及介质


技术介绍

1、web前端国际化是在web应用程序中支持多种语言和地区的关键功能。通过实现前端国际化,可以为不同地区的用户提供本地化的用户界面和内容,提升用户体验和可用性。

2、目前,web前端国际化的方案通常借助插件,例如i18n等,配置对应于不同国家的配置文件,进行多国语言定制,适应国际化需求。例如,通过获取目标配置文件进行翻译生成对应语言包。然而,上述从语言方面进行多国网页定制的方案,不能很好适应各国不同的文化习俗和排版习惯,在实际跨国业务应用中,用户体验较差。


技术实现思路

1、本专利技术实施例提供一种网页显示方法、装置、设备及介质,以解决web前端国际化场景中多国网页定制不能很好适应各国不同的文化习俗和排版习惯而导致用户体验较差的问题。

2、为解决上述技术问题,本专利技术是这样实现的:

3、第一方面,本专利技术实施例提供了一种网页显示方法,包括:

4、获取目标国家的层叠样式表css汇聚文件;其中,所述目标国家的css汇聚文件用于描述所述目标国家的网页元素的样式布局特征;

5、根据预先确定的css属性词典,对所述css汇聚文件进行处理,得到所述目标国家对应的目标css属性文件;其中,所述css属性词典根据第一css属性表确定,所述第一css属性表从目标中文网站提取;

6、在所述目标中文网站接收到网页语言切换请求,且切换的目标语言为所述目标国家对应的语言时,基于所述目标css属性文件,对待切换网页进行渲染,以显示所述目标语言匹配的目标网页;其中,所述目标网页的网页元素的样式布局特征与所述目标国家的网页元素的样式布局特征相匹配。

7、可选地,所述获取目标国家的层叠样式表css汇聚文件,包括:

8、从所述目标国家的n个网站分别对应提取n个第二css属性表;其中,n为正整数且n大于第一阈值,所述n个网站与所述目标中文网站属于同一类别;

9、对所述n个第二css属性表进行汇聚处理,得到所述目标国家的css汇聚文件。

10、可选地,所述第一css属性表中的属性包括以下至少一项:文字属性、字体属性、字号属性、颜色属性、背景属性、边框属性、动画属性、浮动属性、盒模型。

11、可选地,所述根据预先确定的css属性词典,对所述css汇聚文件进行处理,得到所述目标国家对应的目标css属性文件之前,所述方法还包括:

12、按照所述css属性词典的选择器分类,将所述css汇聚文件的数据分别配置在不同选择器对应的css属性子表中,得到所述css汇聚文件对应于目标选择器的目标css子文件;

13、所述根据预先确定的css属性词典,对所述css汇聚文件进行处理,得到所述目标国家对应的目标css属性文件,包括:

14、根据预先确定的css属性词典和所述目标选择器的特征,对所述目标css子文件进行分词处理,得到所述目标css子文件对应的分词元素集合;

15、根据所述分词元素集合,建立所述目标国家对应的词袋模型;

16、统计所述词袋模型中每个属性名对应的各属性值出现的频次,并根据每个属性名对应的频次最高的属性值,建立属性名与属性值之间的映射关系;

17、根据所述第一css属性表和所述映射关系,生成所述目标国家对应的目标css属性文件。

18、可选地,在所述目标选择器包括通用选择器和/或标签选择器的情况下,所述根据预先确定的css属性词典和所述目标选择器的特征,对所述目标css子文件进行分词处理,得到所述目标css子文件对应的分词元素集合,包括:

19、对所述目标css子文件进行关键词抽取,并根据抽取得到的关键词生成所述目标css子文件对应的关键词集合,所述目标css子文件对应的关键词集合中的元素对应一个通用名或一个标签名;

20、将所述css属性词典对应于所述目标选择器的css属性子表中的元素与所述目标css子文件对应的关键词集合中的元素进行文本匹配处理,得到所述目标css子文件对应的分词元素集合。

21、可选地,在所述目标选择器包括id选择器和/或类选择器的情况下,所述根据预先确定的css属性词典和所述目标选择器的特征,对所述目标css子文件进行分词处理,得到所述目标css子文件对应的分词元素集合,包括:

22、对所述目标css子文件进行关键词抽取,并根据抽取得到的关键词生成所述目标css子文件对应的关键词集合,所述目标css子文件对应的关键词集合中的元素对应一个id名或一个类名;

23、对所述目标css子文件对应的关键词集合中的每个关键词进行单词拆解处理,得到所述目标css子文件对应的数组集合,所述数组集合中的数组的元素为对所述关键词进行单词拆解得到的单词;

24、将所述css属性词典对应于所述目标选择器的css属性子表中的元素与所述数组集合中每个数组的每个元素进行相似度匹配处理,得到所述目标css子文件对应的分词元素集合。

25、可选地,所述将所述css属性词典对应于所述目标选择器的css属性子表中的元素与所述数组集合中每个数组的每个元素进行相似度匹配处理,得到所述目标css子文件对应的分词元素集合之前,所述方法还包括:

26、确定第一词频向量,所述第一词频向量为所述css属性词典对应于所述目标选择器的css属性子表中元素的词频向量;

27、所述将所述css属性词典对应于所述目标选择器的css属性子表中的元素与所述数组集合中每个数组的每个元素进行相似度匹配处理,得到所述目标css子文件对应的分词元素集合,包括:

28、确定第二词频向量,所述第二词频向量为所述数组集合中数组的词频向量;

29、根据所述第一词频向量与所述第二词频向量之间的余弦相似度,确定所述数组集合中每个数组的匹配度;

30、根据所述数组集合中匹配度大于第二阈值的目标数组,确定所述目标css子文件对应的分词元素集合。

31、可选地,所述根据所述分词元素集合,建立所述目标国家对应的词袋模型,包括:

32、对所述分词元素集合添加伪类和/或伪元素,以建立所述目标国家对应的词袋模型。

33、可选地,所述根据预先确定的css属性词典,对所述css汇聚文件进行处理,得到所述目标国家对应的目标css属性文件之前,所述方法还包括:

34、从目标中文网站提取所述第一css属性表;

35、根据预设选择器分类,将所述第一css属性表分别配置在不同选择器对应的css属性子表,得到所述第一css属性表对应于目标选择器的第一css子文件;

36、根据所述目标中文网站的css属性配置信息,以每个属性名作为一个词语,对所述第一css子文件进行分词处理,得到所述css属性词典。

37、第二方面,本专利技术实施例还提本文档来自技高网...

【技术保护点】

1.一种网页显示方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述获取目标国家的层叠样式表CSS汇聚文件,包括:

3.根据权利要求1所述的方法,其特征在于,所述第一CSS属性表中的属性包括以下至少一项:文字属性、字体属性、字号属性、颜色属性、背景属性、边框属性、动画属性、浮动属性、盒模型。

4.根据权利要求1所述的方法,其特征在于,所述根据预先确定的CSS属性词典,对所述CSS汇聚文件进行处理,得到所述目标国家对应的目标CSS属性文件之前,所述方法还包括:

5.根据权利要求4所述的方法,其特征在于,在所述目标选择器包括通用选择器和/或标签选择器的情况下,所述根据预先确定的CSS属性词典和所述目标选择器的特征,对所述目标CSS子文件进行分词处理,得到所述目标CSS子文件对应的分词元素集合,包括:

6.根据权利要求4所述的方法,其特征在于,在所述目标选择器包括ID选择器和/或类选择器的情况下,所述根据预先确定的CSS属性词典和所述目标选择器的特征,对所述目标CSS子文件进行分词处理,得到所述目标CSS子文件对应的分词元素集合,包括:

7.根据权利要求6所述的方法,其特征在于,所述将所述CSS属性词典对应于所述目标选择器的CSS属性子表中的元素与所述数组集合中每个数组的每个元素进行相似度匹配处理,得到所述目标CSS子文件对应的分词元素集合之前,所述方法还包括:

8.根据权利要求4-7任一项所述的方法,其特征在于,所述根据所述分词元素集合,建立所述目标国家对应的词袋模型,包括:

9.根据权利要求1所述的方法,其特征在于,所述根据预先确定的CSS属性词典,对所述CSS汇聚文件进行处理,得到所述目标国家对应的目标CSS属性文件之前,所述方法还包括:

10.一种网页显示装置,其特征在于,所述装置包括:

11.一种网页显示装置,其特征在于,包括:处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序,所述程序被所述处理器执行时实现如权利要求1-9任一项所述的网页显示方法的步骤。

12.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1-9任一项所述的网页显示方法的步骤。

...

【技术特征摘要】

1.一种网页显示方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述获取目标国家的层叠样式表css汇聚文件,包括:

3.根据权利要求1所述的方法,其特征在于,所述第一css属性表中的属性包括以下至少一项:文字属性、字体属性、字号属性、颜色属性、背景属性、边框属性、动画属性、浮动属性、盒模型。

4.根据权利要求1所述的方法,其特征在于,所述根据预先确定的css属性词典,对所述css汇聚文件进行处理,得到所述目标国家对应的目标css属性文件之前,所述方法还包括:

5.根据权利要求4所述的方法,其特征在于,在所述目标选择器包括通用选择器和/或标签选择器的情况下,所述根据预先确定的css属性词典和所述目标选择器的特征,对所述目标css子文件进行分词处理,得到所述目标css子文件对应的分词元素集合,包括:

6.根据权利要求4所述的方法,其特征在于,在所述目标选择器包括id选择器和/或类选择器的情况下,所述根据预先确定的css属性词典和所述目标选择器的特征,对所述目标css子文件进行分词处理,得到所述目标css子文件对应的分...

【专利技术属性】
技术研发人员:王旋缪红娣黄典
申请(专利权)人:中移苏州软件技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1