Webサイトをカスタマイズして使うChrome拡張機能のご紹介

// ==UserScript==
// @name         Google検索時にアラート表示  // ★スクリプトの名前
// @namespace    http://tampermonkey.net/  // 名前空間
// @version      0.1  // バージョン
// @description  Google検索画面でアラートを表示します  // ★スクリプトの説明
// @author       You  // 著者
// @match        https://www.google.com/search*  // ★スクリプトを実行するWebサイトのURL(例としてGoogle検索のURL)
// @icon         https://www.google.com/s2/favicons?sz=64&domain=google.com  // スクリプトのアイコン
// @grant        none  // ★権限(外部スクリプト等の読込み時に使用)
// ==/UserScript==

// 実行したいスクリプトを記述
(function() {
    'use strict';
    alert('Hello World！！');
})();


// ==UserScript==
// @name         LocalhostInfo
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  ローカル環境の画面左上に環境情報を表示する
// @author       You
// @match        http://localhost/*  // 環境分だけスクリプトを作る
// @icon         https://www.google.com/s2/favicons?sz=64&domain=undefined.localhost
// @grant        none
// ==/UserScript==

// 環境情報を表示するための要素の作り込み
const elem = document.createElement('div');
elem.id = 'envInfoBox';
elem.style.position = 'fixed';
elem.style.left = 0;
elem.style.top = 0;
elem.style.height = '40px';
elem.style.width = '120px';
elem.style.textAlign = 'center';
elem.style.background = 'blue';
elem.style.color = 'white';
elem.textContent = 'localhost'

// 要素の追加
document.getElementsByTagName('body')[0].appendChild(elem);

// 表示したままだと邪魔なこともあるのでクリックしたら消す
document.getElementById('envInfoBox').addEventListener('click', (elem) => {
    elem.target.remove();
})

// 本番環境ならより目立たせるためにアニメーションさせる
// document.getElementById('envInfoBox').animate(
// {
//     background: ["red", "yellow"],
// },
// {
//     duration: 1000,
//     iterations: Infinity
// });

// @name         Notion_disabledReloadShortCut
// @namespace    <http://tampermonkey.net/>
// @version      0.1
// @description  NotionのCtrl+Rのリロードショートカットを無効化する
// @author       You
// @match        <https://www.notion.so/*>
// @icon         <https://www.google.com/s2/favicons?sz=64&domain=notion.so>
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    document.body.addEventListener('keydown', function(e) {
        // Ctrl + R のショートカットを無効にする
        if (e.ctrlKey && e.key === 'r') {
            e.preventDefault();
        }
    });
})();


.article_footer_buttons > a > span {
    font-size: 22pt;
}