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交互
4707浏览 • 1回复 待解决
Web组件和h5页面如何交互?
1338浏览 • 1回复 待解决
HarmonyOS h5页面如何接入智能图片picker
930浏览 • 1回复 待解决
HarmonyOSh5页面怎样判断当前环境?
1186浏览 • 1回复 待解决
HarmonyOS h5页面缩放问题
2496浏览 • 2回复 待解决
如何HarmonyOS中调试h5页面
2160浏览 • 1回复 待解决
HarmonyOS h5页面是否可以适配Harmony OS
1631浏览 • 1回复 待解决
HarmonyOS webview H5页面事件监听
1899浏览 • 1回复 待解决
HarmonyOS H5页面localstorage为null
1271浏览 • 1回复 待解决
鸿蒙next 中 web组件和h5 页面如何交互
811浏览 • 1回复 待解决
HarmonyOS Web组件加载在线H5页面
1349浏览 • 1回复 待解决
HarmonyOS 通过webview改变H5页面字体
1338浏览 • 1回复 待解决
HarmonyOS 原生和H5页面交互
1004浏览 • 1回复 待解决
HarmonyOS H5页面加载缓存机制
1775浏览 • 1回复 待解决
HarmonyOS 如何获取当前是否深色模式
1318浏览 • 1回复 待解决