qiita-hide-noisy-sections

qiita の見た目をシンプルにします

Устаревшая версия за 29.01.2025. Перейдите к последней версии.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

// ==UserScript==
// @name         qiita-hide-noisy-sections
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  qiita の見た目をシンプルにします
// @author
// @match       https://qiita.com/*/items/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
  "use strict";

  // うるさいポップアップや項目を非表示に
  document.head.insertAdjacentHTML(
    "beforeend",
    `
<style>
  [data-testid^="popup-"]{ display: none !important; }
  div.coins-optin-dialog{ display: none !important; }
</style>
`
  );

  // うるさいセクションを非表示に
  var removeSections = function () {
    const noisy_sections = Array.from(document.querySelectorAll("h2")).find(
      (el) =>
        el.textContent.includes("今日のトレンド") ||
        el.textContent.includes("キャンペーン開催中") ||
        el.textContent.includes("ピックアップ記事")

    );
    if (!!noisy_sections) {
      noisy_sections.closest("section").remove();
    }
    //コメントより後のセクションは削除
     const commentsNode=document.getElementById("comments");
     if(commentsNode){
         const noisy_=[];
         let section=commentsNode.parentNode.nextSibling;
         while(section){
             noisy_.push(section);
             section=section.nextSibling;
         }
         noisy_.forEach((e) => {
             e.remove();
         });
     }

    const register_links = Array.from(document.querySelectorAll("p")).find(
      (el) => el.textContent.includes("新規登録して")
    );
    if (!!register_links) {
      register_links.closest("div").remove();
    }

    const iine_login_links = Array.from(document.querySelectorAll("h3")).find(
       (el) => el.textContent.includes("いいね以上の気持ちはコメント")
    );
    // レイアウトくずれるので display none に
    if(iine_login_links) {iine_login_links.closest("div").style.display="none"};

     const footer = document.querySelector("[id^='GlobalFooter']");
     if(footer && footer.querySelector("footer")){
         [...footer.querySelector("footer").children].forEach((e) => {
             e.remove();
         });
     }
  };

  setInterval(removeSections, 1000);
})();