← 全部示例

操作 外观

深色模式开关

一个操作,单击面板按钮即可开关深色模式。

可复制的代码

(function () {
    var ID = 'jz-dark-toggle-style';
    var existing = document.getElementById(ID);
    if (existing) { existing.remove(); return; }
    var st = document.createElement('style');
    st.id = ID;
    st.textContent =
        'html{filter:invert(1) hue-rotate(180deg)!important;background:#fff!important}' +
        'img,video,picture,canvas,iframe,svg,[style*="background-image"]' +
        '{filter:invert(1) hue-rotate(180deg)!important}';
    document.documentElement.appendChild(st);
})();

如何使用此示例

  1. 用上方按钮复制代码。
  2. 安装 JustZix(2 分钟),在目标页面打开扩展。
  3. 添加一条匹配该页面的新规则。
  4. 启用操作面板,在「操作」选项卡中添加按钮并粘贴代码 — 一键运行。

为此示例评分

暂无评分 — 成为第一个。

此示例有效吗?

没有可粘贴的地方,代码片段毫无用处。

JustZix 安装只需 2 分钟,并在每个匹配的页面上运行你的代码。无需账户、无需付费。

免费下载 查看应用场景