如何通过浏览器代码片段实现Binance加载时自动切换深色模式

开发者阿泽

2026-8-1

Binance深色主题设置及白屏闪烁解决办法

一、手动设置深色主题Cookie（无需复杂JS基础）

你可以直接在浏览器控制台执行以下代码来添加theme=dark的Cookie，刷新页面就会生效：

document.cookie = "theme=dark; path=/; domain=.binance.com; expires=Fri, 31 Dec 9999 23:59:59 GMT";

操作步骤：

打开Binance网站，按F12打开开发者工具
切换到「Console」标签，粘贴上面的代码回车即可

如果怕麻烦，也可以用浏览器的Cookie编辑器插件（比如EditThisCookie），手动添加一条Cookie：

名称：theme
值：dark
域名：.binance.com
路径：/
过期时间设为永久

二、解决深色模式不生效/切换页面白屏闪烁

浏览器强制深色模式
大部分现代浏览器（Chrome、Edge、Firefox）都支持强制所有网站使用深色模式：
- Chrome/Edge：设置→外观→主题→选择「深色」，或者开启「强制深色网页内容」（在实验性功能里搜索Force Dark Mode for Web Contents）
- Firefox：设置→常规→语言和外观→颜色→勾选「系统主题自动切换」或手动选深色

用油猴脚本提前加载深色样式
写个简单的油猴脚本，在页面加载前就注入深色主题的CSS，避免白屏：

// ==UserScript==
// @name         Binance Dark Mode Fix
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Fix Binance dark mode white flash
// @author       You
// @match        *://*.binance.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    // 提前添加深色主题类
    document.documentElement.classList.add('dark-theme');
    // 同时设置Cookie确保页面识别
    document.cookie = "theme=dark; path=/; domain=.binance.com; expires=Fri, 31 Dec 9999 23:59:59 GMT";
})();

安装后，页面加载时会先应用深色样式，彻底解决切换页面的白屏闪烁问题。