HarmonyOS H5页面如何得知当前是否处于深色模式

客户端可以根据 Web() .darkMode(mode) 控制web组件是否设置深色模式,那加载出的H5页面可以通过什么系统字段判断当前是否处于深色模式么?

HarmonyOS
2024-09-05 09:17:35
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

目前只能通过 mode这个字段判断。或者在ets中获取监听深色模式的变化,在通过web与js通信实时通知h5最新的深色模式。

1.应用跟随系统深浅色模式:参考https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-light-dark-color-adaptation-V5

2.在资源目录下自定义2套资源(深色/浅色),dark/element/color.json和base/element/color.json资源。通过r加载对应的资源,会根据系统深色模式自动找到对应的颜色值资源。 系统内也提供已有的深色模式的颜色值。r(‘sys.color.’)方式获取。应用主动设置深浅色模式:即颜色只固定,不跟随系统模式变动。

3.监听深浅色切换事件:this.context.config.colorMode以及onConfigurationOnUpdate监听颜色模式变动。

4.web组件支持对前端页面进行深色模式设置,通过 darkMode 接口可以配置不同的深色模式,或者通过 forceDarkAccess 接口将前端页面强制配置深色模式。

5.不跟随系统可以使用setColorMode,参考https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-inner-application-applicationcontext-V5#applicationcontextsetcolormode11

分享
微博
QQ
微信
回复
2024-09-05 16:00:43
相关问题
H5页面如何与ArkTS交互
3041浏览 • 1回复 待解决
Web组件和h5页面如何交互?
241浏览 • 1回复 待解决
HarmonyOS h5页面是否可以适配Harmony OS
529浏览 • 1回复 待解决
HarmonyOS h5页面缩放问题
573浏览 • 0回复 待解决
如何HarmonyOS中调试h5页面
938浏览 • 1回复 待解决
HarmonyOS H5页面加载缓存机制
285浏览 • 1回复 待解决
如何使H5页面适配多设备?
771浏览 • 1回复 待解决
HarmonyOS Web组件加载在线H5页面
227浏览 • 1回复 待解决