Webサイトの見た目を変更するchrome拡張機能

chromeロゴ

chromeで、Webサイトの見た目を変更(カスタマイズ)する拡張機能といえば「Stylish」なきあとStylusが定番だとは思いますが、よさげな拡張を見つけたのでメモしておきます。

User JavaScript and CSS(更新日: 2017年12月17日、サイズ: 1006KiB)

Webサイトごとに、独自のスタイルシート(CSS)だけでなく、独自のJavaScriptも適用(反映、設定)させることができるすぐれものです。

User JavaScript and CSS

上に適用するWebサイトのURL、左にJavaScript、右にスタイルシートを入力する、わかりやすいオプション画面。拡張アイコンのクリックでオンオフ(適用の切り替え)が可能。

Youtubeを見やすくするchrome拡張機能もスタイルシートだけで実現可能です。

適用するWebサイト:youtube.com

(CSS)

/* コメントを消す */
#comments {
    display: none !important;
}

/* ライブチャットを消す */
#chat {
    display: none !important;
}

/* サイドバーの関連動画を消す */
#related {
    display: none !important;
}

/* 好き、嫌いボタンを消す */
ytd-toggle-button-renderer,
#sentiment {
    display: none !important;
}

おまけ:はてなキーワードを消す

適用するWebサイト:hatena.ne.jp, hatelabo.jp, hatenablog.com, hatenablog.jp, hateblo.jp, hatenadiary.com, hatenadiary.jp

(CSS)

/* はてなキーワードを消す */
a.keyword {
    border: none !important;
    pointer-events: none !important;
}