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交互
2646浏览 • 1回复 待解决
HarmonyOS h5页面是否可以适配Harmony OS
157浏览 • 1回复 待解决
HarmonyOS h5页面缩放问题
150浏览 • 0回复 待解决
如何HarmonyOS中调试h5页面
569浏览 • 1回复 待解决
如何使H5页面适配多设备?
264浏览 • 1回复 待解决
HarmonyOS h5返回上一页面时会闪一下
113浏览 • 1回复 待解决
升级API11后h5页面字体变小了
1493浏览 • 1回复 待解决
app内嵌入H5登录储存
131浏览 • 1回复 待解决
HarmonyOS web组件加载h5h5拉起摄像头
149浏览 • 1回复 待解决
H5页面输入框自动获焦弹起软键盘
1035浏览 • 1回复 待解决