[发明专利]页面模式切换方法、装置和设备

说明书

本申请实施例提供一种页面模式切换方法、装置和设备，响应于模式切换指令，确定当前页面中的待处理页面元素，模式切换指令中携带目标页面模式的标识信息；根据标识信息，确定将当前页面的显示效果切换到目标页面模式的显示效果所用的滤镜函数和滤镜参数；根据滤镜函数以及滤镜参数对待处理页面元素进行处理，获得页面模式切换后的目标页面。由于通过滤镜对页面中的页面元素进行处理，使得当前页面的模式切换为目标页面，每次模式切换过程中，不需要操作HTML的DOM，不会增加页面的回流重绘频率，渲染性能更好，最终提升页面模式的切换效果。

技术领域

本申请实施例涉及互联网技术领域，尤其涉及一种页面模式切换方法、装置和设备。

背景技术

随着互联网技术的发展，越来越多的网站或者应用程序的界面中，都会提供多种主题模式供用户选择切换，例如明亮模式、夜间模式、护眼模式、悼念模式、复古模式、暗黑模式等，可以满足用户的个性化需求，提升用户体验。

现有技术中，网站或者应用程序的界面中的每个组件都有不同模式的界面(UserInterface，UI)设计图，每个UI设计图都设计有相应的层叠样式表(Cascading StyleSheets，CSS)，而CSS样式通过超文本标记语言结构(Hypertext Markup Language，HTML)与模式换肤按钮实现绑定，当用户点击模式换肤按钮时，会带动HTML的文档对象模型(Document Object Model，DOM)来运行CSS样式对应的脚本语言，从而在当前页面添加或者删除相应的CSS样式以实现界面中每个组件的样式切换，最终实现界面的模式切换。

然而，在上述的模式切换过程中，由于每次模式切换都需要操作HTML的DOM，此过程会增加页面回流重绘的频率，最终降低模式切换过程的渲染性能，使得页面模式切换的效果差。

发明内容

本申请实施例提供一种页面模式切换方法、装置和设备，用于解决现有技术中页面模式切换的效果差的技术问题。

第一方面，本申请实施例提供一种页面模式切换方法，包括：

响应于模式切换指令，确定将所述当前页面的显示效果切换到目标页面模式的显示效果所用的滤镜函数和滤镜参数；

根据标识信息，确定到达目标页面模式的显示效果的滤镜函数；

根据滤镜函数以及滤镜参数对待处理页面元素进行处理，获得页面模式切换后的目标页面。

可选的，确定当前页面中的待处理页面元素，包括：

根据目标页面模式的标识信息，确定目标页面模式对应的选择器选中的表单元素为当前页面中的待处理页面元素。

可选的，根据滤镜函数对待处理页面元素进行处理，获得页面模式切换后的目标页面之后，还包括：

确定当前页面中不需要进行模式切换的目标页面元素；

根据滤镜参数的反向参数对目标页面元素进行处理，获得处理后的目标页面。

可选的，确定当前页面中的待处理页面元素之前，还包括：

获取目标页面模式对应的入口文件和样式文件，入口文件用于在当前页面中设置目标页面模式对应的换肤按钮，换肤按钮用于触发模式切换指令，样式文件用于设置目标页面模式对应的模式；

根据入口文件和样式文件为当前页面设置页面模式切换功能。

可选的，获取目标页面模式对应的入口文件，包括：

从第一页面中，获取所述第一页面的入口文件，所述第一页面为具备目标页面模式切换功能的页面；

获取所述第一页面的入口文件中的直属标签，所述直属标签包括script标签和非script标签；