Google Chromeで文字コードを変更するChrome拡張機能「Charset」

Google Chromeのデフォルト機能には、文字コードを変更する機能がありません。
そのため、文字化けが起こってしまった場合にはどうすることもできません。
今回はそんなときに文字化けの解消ができるように、文字コードを変更するChrome拡張機能の「Charset」についてまとめておきます。
文字コードを変更したい状況
どんな状況で文字コードを変更したくなるのかというと、.jsファイルなどを開くときに、日本語で書かれてあるコメントを表示したいときです。
なにかコンフィグ用の設定ファイル内に変数をセットしてサーバーにアップしたあと、「ちゃんと指定の値を設定してアップしました」と報告するために文章だけでなくスクリーンショットと一緒に送信すると親切です。
ただ、そこでコメントが文字化けしているのではなく、ちゃんと日本語で表示されておいた方が先方も安心するため、文字コードを変えておきます。
Charset

CharsetはGoogle Chromeで開いている現在のページの文字コードを変更する拡張機能です。
インストールはChromeウェブストアから行いましょう。
基本的な使い方
デフォルトの場合は、.jsファイルなどを直接ブラウザで開くと「日本語 (Shift_JIS)」になっていて、日本語のコメントなどが文字化けしています。

「Charset」アイコンをクリックすると、文字コードの一覧が表示されます。

「Unicode (UTF-8)」をクリックすると、文字コードが変更されて.jsファイル内の日本語コメントも文字化けしなくなります。

元に戻したいときは「Reset」で戻せます。



ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
デモを見やすく分かりやすくするためのMouseposéオススメの設定
Macの外部ディスプレイで特定の画面だけミラーリングさせる方法
Finder上のGoogle Driveパスが「/Volumes/GoogleDrive-10951…」のように数字の羅列が追加されておかしくなった場合の対処法
新しいMacBook Proを購入して移行するときにやること|ユーティリティ系アプリの設定編
iTerm2でキーボードを使った操作を設定できる環境設定の「Keys」タブ
iTerm2でよく使うアクションやスニペットの設定ができる環境設定の「Shortcuts」タブ
Macでアプリごとに音量を調節できるアプリ「Background Music」
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
ATOKで特定辞書の単語登録画面を表示するKeyboard Maestroマクロ
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎