逆引きマニュアル: Google スプレッドシート: faviconをセットする方法

投稿日:
Google スプレッドシート
favicon

やりたいこと

Google スプレッドシートのfaviconは全部同じですが、 これを個別にセットする方法です。

前提条件

Google Chromeで動作確認しています。 Firefoxでも可能なはずです。

概要

Tampermonkeyを使います。

手順

以下のように記載してください。

(function() {
    'use strict';

    // 現在のアイコンを削除
    const current_icon = document.querySelector("[rel='shortcut icon']");
    current_icon.remove();

    // 新しいアイコンを作成
    const new_icon = document.createElement('link');
    new_icon.rel = 'icon';
    new_icon.href = '...'; // ここをfaviconの画像のURLにする
    new_icon.type = 'image/png'; // PNGファイルの場合

    // 新しいアイコンを追加
    const head = document.querySelector('head');
    head.appendChild(new_icon);
})();

補足

マニュアル