根据客户端的主题色切换网站的 favicon
要根据客户端的主题模式切换网站的图标,你可以使用媒体查询(Media Query)来检测客户端是否启用了暗色主题。然后,你可以在不同的主题模式下加载相应的图标。以下是一个简单的例子:
1. 准备两个图标:
- 一个用于亮色主题的图标(例如,light-icon.png)
- 一个用于暗色主题的图标(例如,dark-icon.png)
要根据客户端的主题模式切换网站的图标,你可以使用媒体查询(Media Query)来检测客户端是否启用了暗色主题。然后,你可以在不同的主题模式下加载相应的图标。以下是一个简单的例子:
使用 jquery-weui 的时候,console 里总是提示 Unable to preventDefault inside passive event listener due to target being treated as passive.
,非常烦。
在页面里加上以下代码即可实现: