Leetcode Banner Hidden

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

  1. // ==UserScript==
  2. // @name Leetcode Banner Hidden
  3. // @namespace http://tampermonkey.net/
  4. // @version 0.1
  5. // @description 当大家在公司刷题时,Leetcode Nav栏是不是很显眼,有没有想把它隐藏调的冲动?本脚本就是为了解决这个问题而生。
  6. // @author Melonkid
  7. // @match https://leetcode.cn/*
  8. // @icon https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
  9. // @grant none
  10. // @require https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js
  11. // @run-at document-end
  12. // @license MIT
  13. // ==/UserScript==
  14.  
  15. (function() {
  16. 'use strict';
  17.  
  18. function hideNav() {
  19. let navDoc = document.querySelector("nav");
  20. if (navDoc) {
  21. navDoc.style.display = 'none';
  22. observer.disconnect(); // 如果找到元素,停止观察
  23. }
  24. }
  25.  
  26. hideNav(); // 尝试首次隐藏
  27.  
  28. // 如果首次隐藏失败,使用 MutationObserver
  29. var observer = new MutationObserver(hideNav);
  30. observer.observe(document.body, {childList: true, subtree: true});
  31.  
  32. })();