相关疑难解决方法(0)

如何获得伪元素?

我需要得到:after并将其分配给变量.有可能的?

querySelectorAll 不起作用.

alert(some_div_with_pseudo.querySelectorAll('::after')[0]) // undefined
Run Code Online (Sandbox Code Playgroud)

html javascript pseudo-element

27
推荐指数
4
解决办法
3万
查看次数

如何检测我网站上的macOS Mojave中是否启用了暗模式?

如何检测我的网站用户是否使用使用JavaScript或CSS启用暗模式的macOS Mojave?这可能吗?苹果浏览器?

javascript css

18
推荐指数
2
解决办法
2218
查看次数

我可以使用 JavaScript 切换暗模式吗?

我正在使用prefers-color-scheme: darkCSS 创建一个深色主题(它适用于macOS v10.14 (Mojave) 中的Safari )。有没有办法强制页面在其他不支持它的浏览器上使用我的暗模式代码,如下所示?

document.querySelector('#toggleDarkMode').addEventListener('click', function () {
    -- Force page to use dark mode defined in CSS
})
Run Code Online (Sandbox Code Playgroud)

html javascript css sass typescript

5
推荐指数
1
解决办法
2931
查看次数

如何使用 JavaScript 在 Chrome v78+ 上检测#enable-force-dark 标志?

我最近为我的网站设计并实现了一种深色模式,该模式使用自定义深色来匹配浅色(默认)配色方案,而且我最近还意识到 Chrome 78 有一个名为#enable-force-dark. 启用后(用户必须这样做),Chrome 会自动尝试将网站转换为深色主题。它与操作系统的偏好分开,这意味着用户可以在系统范围内使用浅色模式,但启用此标志后,Chrome 仍将进行转换。

我正在使用以下代码来检测用户的设备是否像其他线程所建议的那样更喜欢暗模式。请注意,我正在使用 javascript 检测它,因为有一个按钮可以来回切换它,最终得到比使用@media查询更好的解决方案。

if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
    // my dark mode code goes here
}
Run Code Online (Sandbox Code Playgroud)

这个if语句是在一个 jQuery$(window).load函数下的,它完美地工作。

我需要的是能够检测到 Chrome 的新#enable-force-dark标志,逆转 Chrome 所做的更改,并启用我的,因为 Chrome 转换不完整,它搞砸了我的自定义样式。我知道这个功能没有被广泛使用,但我想面向未来。

这有可能吗?我不需要要求用户禁用该标志,但如果有必要我会。谢谢!

javascript google-chrome google-chrome-extension

5
推荐指数
2
解决办法
2945
查看次数