Toggle CSS Style

Toggle CSS Stylesheets. Hotkey: Command + Shift + F3

2023-05-11 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name        Toggle CSS Style
// @namespace   i2p.schimon.toggle-style
// @description Toggle CSS Stylesheets. Hotkey: Command + Shift + F3
// @homepageURL https://greasyfork.org/en/scripts/466066-toggle-css-style
// @supportURL  https://greasyfork.org/en/scripts/466066-toggle-css-style/feedback
// @copyright   2023, Schimon Jehudah (http://schimon.i2p)
// @license     MIT; https://opensource.org/licenses/MIT
// @icon        data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGV4dCB5PSIuOWVtIiBmb250LXNpemU9IjkwIj7wn5SbPC90ZXh0Pjwvc3ZnPgo=
// @include     *
// @version     23.05
// @run-at      document-end
// ==/UserScript==

var docHead, styleSheets = [];
document.addEventListener('keyup', hotkey, false);

function hotkey(e) {
  // set hotkey Command + Shift + F3
  if (e.metaKey && e.shiftKey && e.which == 114) {
    toggleStylesheets();
    //toggleHead();
  }
}

function toggleStylesheets() {
  if (document.head.querySelector('link[rel="stylesheet"]') ||
      document.head.querySelector('style')) {
    for (const style of document.head.querySelectorAll('link[rel="stylesheet"]')) {
      styleSheets.push(style);
      style.remove();
    }
    for (const style of document.head.querySelectorAll('style')) {
      styleSheets.push(style);
      style.remove();
    }
  } else {
    for (const style of styleSheets) {
      document.head.append(style);
    }
  }
}

function toggleHead() {
  if (document.head) {
    docHead = document.head;
    document.head.remove();
  } else {
    document.documentElement.prepend(docHead);
  }
}