☰

JavaScript Weekly Sponsor Marker

标记sponsor内容，能一眼看出是广告（Reduce the presence of sponsors' content）

当前为 2024-11-21 提交的版本，查看 最新版本。

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！） 

// ==UserScript==
// @name         JavaScript Weekly Sponsor Marker
// @namespace
// @include      *://javascriptweekly.com/issues/*
// @include      *://frontendfoc.us/issues/*
// @version      0.2.0
// @description  标记sponsor内容，能一眼看出是广告（Reduce the presence of sponsors' content）
// @author       ymzhao
// @namespace 
// @license      MIT
// @grant        GM_addStyle
// ==/UserScript==
GM_addStyle(`
    table.el-item:has(.tag-sponsor) {
        background-color: #f3f2f5;
        filter: opacity(0.36) !important;
        transition: filter 0.26s ease;
    }
    table.el-item:has(.tag-sponsor):hover {
        filter: opacity(0.88) !important;
    }
`);