网页样式控制方法、装置、设备及存储介质制造方法及图纸

技术编号:42003284 阅读:21 留言:0更新日期:2024-07-12 12:25
本发明专利技术属于计算机技术领域,公开了一种网页样式控制方法、装置、设备及存储介质。该方法包括:在监听到页面容器的尺寸发生变化时,确定页面容器的目标尺寸;根据目标尺寸确定对应的目标尺寸区间;在页面容器中载入目标尺寸区间对应的网页样式。通过上述方式,根据页面容器变化的尺寸载入对应的网页样式,匹配网页样式随页面容器尺寸变化的场景,提升浏览器页面的响应性和兼容性,在一定程度上能够丰富网页组件样式,并使得网页组件更加通用,避免了不同浏览器和不同版本的兼容性问题。

【技术实现步骤摘要】

本专利技术涉及计算机,尤其涉及一种网页样式控制方法、装置、设备及存储介质


技术介绍

1、在css语言标准规范中,目前有一种media queries语法可以根据浏览器视窗尺寸对网页样式进行条件控制,这种方式无法匹配网页样式随页面容器尺寸变化的场景,影响浏览器页面的响应性和兼容性。

2、上述内容仅用于辅助理解本专利技术的技术方案,并不代表承认上述内容是现有技术。


技术实现思路

1、本专利技术的主要目的在于提供一种网页样式控制方法、装置、设备及存储介质,旨在匹配网页样式随页面容器尺寸变化的场景,提升浏览器页面的响应性和兼容性。

2、为实现上述目的,本专利技术提供了一种网页样式控制方法,所述方法包括以下步骤:

3、在监听到页面容器的尺寸发生变化时,确定所述页面容器的目标尺寸;

4、根据所述目标尺寸确定对应的目标尺寸区间;

5、在所述页面容器中载入所述目标尺寸区间对应的网页样式。

6、可选地,所述在监听到页面容器的尺寸发生变化时,确定所述页面容本文档来自技高网...

【技术保护点】

1.一种网页样式控制方法,其特征在于,所述网页样式控制方法包括:

2.如权利要求1所述的网页样式控制方法,其特征在于,所述在监听到页面容器的尺寸发生变化时,确定所述页面容器的目标尺寸之前,所述方法还包括:

3.如权利要求2所述的网页样式控制方法,其特征在于,所述读取所述样式数据,包括:

4.如权利要求3所述的网页样式控制方法,其特征在于,所述将所述CSS样式表转化为支持JS识别的样式数据,包括:

5.如权利要求4所述的网页样式控制方法,其特征在于,所述设置各页面容器对应的目标选择器,包括:

6.如权利要求4所述的网页样式控制方法...

【技术特征摘要】

1.一种网页样式控制方法,其特征在于,所述网页样式控制方法包括:

2.如权利要求1所述的网页样式控制方法,其特征在于,所述在监听到页面容器的尺寸发生变化时,确定所述页面容器的目标尺寸之前,所述方法还包括:

3.如权利要求2所述的网页样式控制方法,其特征在于,所述读取所述样式数据,包括:

4.如权利要求3所述的网页样式控制方法,其特征在于,所述将所述css样式表转化为支持js识别的样式数据,包括:

5.如权利要求4所述的网页样式控制方法,其特征在于,所述设置各页面容器对应的目标选择器,包括:

6.如权利要求4所述的网页样式控制方法,其特征在于,所述根据所述尺寸信息确定各...

【专利技术属性】
技术研发人员:李智杰何烁
申请(专利权)人:北京奇虎科技有限公司
类型:发明
国别省市:

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

1