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

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

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

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

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

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


Backlogフリープランでプライベートの課題管理を行う方法
ウェブ開発時のテスト環境と本番環境の取り違えを防ぐChrome拡張機能「Environment Marker」
Bluetoothデバイスのメニューアイコンを追加したり、バッテリー情報を表示させる「ToothFairy」
ブック.appのライブラリに表示されている読み終わった書籍を非表示にする方法
Macで画面上に図形やフリーハンドで注釈が書ける「DemoPro」
Transmitで特定拡張子のファイルを開くアプリケーションを指定する方法
Bartender 4の「Show for Updates」機能で、特定条件でメニューアイコンが表示されるようにする
Notionログイン時の「マジックリンク」「ログインコード」をやめて普通のパスワードを使う
Google Driveで「サーバーでエラーが発生しました。しばらくしてからもう一度お試しください。」と表示される場合の対処法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
goenvを使って、MacにGo言語をインストールする
BetterTouchToolでウィンドウが最大化された状態で「ウィンドウを右に最大化」すると左に移動してしまう問題
ターミナルでGitを使う時に最低限覚えておきたいコマンド
Nuxt.jsでページを作成・追加する方法|Nuxt.jsの基本
Alfredと1Password 8を連携するWorkflowの設定方法
Ulyssesの外部フォルダ機能を使って、原稿をGit管理しながらUlyssesで編集する方法
修飾キーに自分ルールをつけてショートカットキーを管理して使いやすくする
Alfred 4.0.8からAirDropやiCloud DriveをすばやくFinderで開けるように!
QRコードの生成ができるサイトやChrome拡張機能