Blur any website with a keyboard shortcut

you can Blur any website with a keyboard shortcut

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         Blur any website with a keyboard shortcut
// @namespace    http://tampermonkey.net/
// @version      0.2
// @license MIT 
// @description  you can Blur any website with a keyboard shortcut
// @author       Rumman
// @match        *://*/*
// @icon         https://cdn.pixabay.com/photo/2015/06/24/02/12/the-blurred-819388_1280.jpg
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    let isBlurred = false;

    // Function to toggle blur effect
    function toggleBlur() {
        if (isBlurred) {
            GM_addStyle(`
                body {
                    filter: none !important;
                    pointer-events: auto !important;
                }
            `);
            isBlurred = false;
        } else {
            GM_addStyle(`
                body {
                    filter: blur(8px) !important;
                    pointer-events: none !important;
                }
            `);
            isBlurred = true;
        }
    }

    // Event listener for keyboard shortcut (Ctrl+B)
    document.addEventListener('keydown', function(event) {
        if (event.ctrlKey && event.key === 'b') {
            toggleBlur();
        }
    });
})();