页面模式切换方法、装置、设备以及存储介质制造方法及图纸

技术编号:29399991 阅读:27 留言:0更新日期:2021-07-23 22:37
本发明专利技术公开了一种页面模式切换方法、装置、设备以及存储介质,该方法包括:接收服务器发送的目标主题页面的页面数据,页面数据包括基础模式的全量样式文件、增量样式文件和暗色切换文件,增量样式文件为暗色模式的全量样式文件与基础模式的全量样式文件之间取值不同的属性对应的样式文件,暗色切换文件包括用于指示增量样式文件是否有效的第一标识,确定需要将目标主题的基础模式页面切换为暗色模式页面,根据增量样式文件和暗色切换文件将目标主题的基础模式页面切换为暗色模式页面。从而可提高暗色模式在线切换的流畅度。

【技术实现步骤摘要】
页面模式切换方法、装置、设备以及存储介质
本专利技术涉及计算机
,尤其涉及一种页面模式切换方法、装置、设备以及存储介质。
技术介绍
暗色模式(也称深色模式或暗黑模式),是对界面文字前景与深色背景对比度以及文字和系统图标的颜色进行优化处理,将界面换为黑色或深色,确保人眼观看感受一致、舒适和易读的一种模式。暗黑模式更多的目的是希望使用者更加专注自己的操作任务,所以对于信息内容的表达会更注重视觉性。然而,相关技术中主流的Web浏览器在实现暗色模式切换时,会存在肉眼可见的过渡效果,切换流畅度不高。
技术实现思路
本专利技术提供一种页面模式切换方法、装置、设备以及存储介质,以解决暗色模式切换时切换流畅度不高的问题。第一方面,本专利技术提供一种页面模式切换方法,包括:接收服务器发送的目标主题页面的页面数据,所述页面数据包括基础模式的全量样式文件、增量样式文件和暗色切换文件,所述增量样式文件为暗色模式的全量样式文件与基础模式的全量样式文件之间取值不同的属性对应的样式文件,所述暗色切换文件包括用于指示所述增量样本文档来自技高网...

【技术保护点】
1.一种页面模式切换方法,其特征在于,包括:/n接收服务器发送的目标主题页面的页面数据,所述页面数据包括基础模式的全量样式文件、增量样式文件和暗色切换文件,所述增量样式文件为暗色模式的全量样式文件与基础模式的全量样式文件之间取值不同的属性对应的样式文件,所述暗色切换文件包括用于指示所述增量样式文件是否有效的第一标识;/n确定需要将目标主题的基础模式页面切换为暗色模式页面;/n根据所述增量样式文件和所述暗色切换文件将所述目标主题的基础模式页面切换为暗色模式页面。/n

【技术特征摘要】
1.一种页面模式切换方法,其特征在于,包括:
接收服务器发送的目标主题页面的页面数据,所述页面数据包括基础模式的全量样式文件、增量样式文件和暗色切换文件,所述增量样式文件为暗色模式的全量样式文件与基础模式的全量样式文件之间取值不同的属性对应的样式文件,所述暗色切换文件包括用于指示所述增量样式文件是否有效的第一标识;
确定需要将目标主题的基础模式页面切换为暗色模式页面;
根据所述增量样式文件和所述暗色切换文件将所述目标主题的基础模式页面切换为暗色模式页面。


2.根据权利要求1所述的方法,其特征在于,所述确定需要将目标主题的基础模式页面切换为暗色模式页面,包括:
接收到暗色模式切换请求,确定需要将所述目标主题的基础模式页面切换为暗色模式页面;或者,
监听系统当前的外观模式;
若系统当前的外观模式为暗色模式,确定需要将所述目标主题的基础模式页面切换为暗色模式页面。


3.根据权利要求1所述的方法,其特征在于,所述根据所述增量样式文件和所述暗色切换文件将所述目标主题的基础模式页面切换为暗色模式页面,包括:
将所述第一标识设置为第二值,所述第二值用于指示所述增量样式文件有效;
根据所述增量样式文件对所述目标主题的基础模式页面的页面元素进行重绘,得到所述目标主题页面的暗色模式页面;
显示所述目标主题页面的暗色模式页面。


4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
确定需要将所述目标主题的暗色模式页面切换为基础模式页面;
将所述第一标识设置为第一值,所述第一值用于指示所述增量样式文件无效;
根据所述增量样式文件和所述基础模式的全量样式文件,对所述目标主题页面的暗色模式页面的页面元素进行重绘,得到所述目标主题页面的基础模式页面;
显示所述目标主题页面的基础模式页面。


5.根据权利要求1-4任一项所述的方法,其特征在于,所述增量样式文件包括全局增量样式文件和局部增量样式文件,所述全局增量样式文件为暗色模式的全量样式文件与基础模式的全量样式文件之间取值不同的所有属性对应的样式文件,所述局部增量样式文件为所述全局增量样式文件中组成所述目标主题页面的每个组件对应的样式文件。


6.根据权利要求5所述的方法,其特征在于,所述确定需要将目标主题的基础模式页面切换为暗色模式页面,包括:
接收到暗色模式切换请求,确定需要将所述目标主题的基础模式页面切换为暗色模式页面,所述暗色模式切换请求携带全局暗色模式指示或局部暗色模式指示和需要切换为暗色模式的目标组件的标识。


7.根据权利要求6所述的方法,其特征在于,所述根据所述增量样式文件和所述暗色切换文件将所述目标主题的基础模式页面切换为暗色模式页面,包括:
若所述暗色模式切换请求携带全局暗色模式指示,根据所述全局增量样式文件和所述暗色切换文件将所述目标主题的基础模式页面切换为暗色模式页面;
若所述暗色模式切换请求携带局部暗色模式指示和需要切换为暗色模式的目标组件的标识,根据所述目标组件对应的局部增量样式文件和所述暗色切换文件,将所述目标组件对应的基础模式页面切换为暗色模式页面。


8.根据权利要求1所述的方法,其特征在于,所述增量样式文件通过以下方式确定:
根据目标主题页面对应的基础模式变量表生成基础模式的全量样式文件,根据目标主题页面对应的暗色模式变量表生成暗色模式的全量样式文件,所述基础模式变量表和所述暗色模式变量表均包括目标主题页面的每个页面元素的属性和属性值;
将所述基础模式的全量样式文件和暗色模式的全量样式文件进行对比,从暗色模式的全量样式文件中取出与所述基础模式的全量样式文件中属性值不同的属性;
对取出的每个属性值不同的属性的前缀增加数据标识,根据增加数据标识的全部属性和属性值得到所述增量样式文件。


9.根据权利要求1-3任一项所述的方法,其特征在于,所述确定需要将目标主题的基础模式页面切换为暗色模式页面之前,所述方法还包括:
将所述第一标识...

【专利技术属性】
技术研发人员:崔丹阳
申请(专利权)人:北京有竹居网络技术有限公司
类型:发明
国别省市:北京;11

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

1