检测边缘亮/暗主题变化

Question

当Microsoft Edge中的主题发生变化(浅/暗)时，网页是否可以检测到？

例如，如果应用程序在高对比度下运行，我可以使用-ms-hight-对比度来应用不同的CSS。对于边缘亮/暗主题，是否有类似的媒体功能？

Answer 1

要获得应用的主题，通常我们可以使用Theme.getCurrent()方法。

var getting = browser.theme.getCurrent(windowId) // integer

但目前MS Edge不支持。

参考资料：

theme.getCurrent()

作为另一种方式。使用Javascript代码，您可以尝试访问注册表键值，以了解当前应用了哪个主题。

您需要访问下面的key的值。

HKEY_CURRENT_USER\SOFTWARE\Classes\Local Settings\Software\Microsoft\Windows\CurrentVersion\AppContainer\Storage\microsoft.microsoftedge_8wekyb3d8bbwe\MicrosoftEdge\Main

主题DWORD

0=轻主题

1=深色主题

要获取访问注册表项的JavaScript示例，可以参考下面的链接。

参考资料：

JScript/Javascript function to get a list of registry Values under Key

注意：-很多时候这个文件夹在注册表中是不可用的。用户需要先创建它。在这种情况下，此方法将不起作用。

问候

深度