Greasy Fork

Greasy Fork is available in English.

Leetcode Banner Hidden

当大家在公司刷题时,Leetcode Nav栏是不是很显眼,有没有想把它隐藏调的冲动?本脚本就是为了解决这个问题而生。

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

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

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

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

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

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

(我已经安装了用户脚本管理器,让我安装!)

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

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

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

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

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

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

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Leetcode Banner Hidden
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  当大家在公司刷题时,Leetcode Nav栏是不是很显眼,有没有想把它隐藏调的冲动?本脚本就是为了解决这个问题而生。
// @author       Melonkid
// @match        https://leetcode.cn/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
// @grant        none
// @require https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js
// @run-at       document-end
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    function hideNav() {
        let navDoc = document.querySelector("nav");
        if (navDoc) {
            navDoc.style.display = 'none';
            observer.disconnect();  // 如果找到元素,停止观察
        }
    }

    hideNav();  // 尝试首次隐藏

    // 如果首次隐藏失败,使用 MutationObserver
    var observer = new MutationObserver(hideNav);
    observer.observe(document.body, {childList: true, subtree: true});

})();