役に立つ情報、楽しい情報を発信するブログです。

Chromeでテキストファイルを開いたら文字化けする時の設定方法

      2015/04/08

chrome-mojibake

Google Chromeでテキストファイルの中身を見ようとしたら文字化けして見れない!ってことがあります。

Chromeのデフォルト設定は文字コードがShift-JIS(シフトジス)なので、最近よく使われているUTF-8(ユーティーエフエイト)で保存したテキストファイルを読み込むと文字化けするんです。

そんな時の設定方法を説明していきます。

スポンサーリンク

Chromeで文字化けした時の設定方法

chrome-mojibake01-2

Chromeの設定を開きます。
chrome://settings/

chrome-mojibake02
設定画面の一番下にある「詳細設定を表示…」をクリックして、もっと下にスクロールします。

chrome-mojibake03
「ウェブ コンテンツ」という項目があるので、「フォントをカスタマイズ」をクリックします。するとポップアップが開きます。

chrome-mojibake04
一番下の「エンコード」で「Unicode(UTF-8)」を選択して「完了」をクリックします。

これで文字化けが解消します。

※UTF-8でない場合は、他の文字コードを試してみてください。

スポンサーリンク

HTMLファイルの確認を気軽に

metaタグでcharsetを指定していないHTMLファイルは、デフォルトだとShift-JISでエンコードされて文字化けします。

なので、ちょこっとコードを書いてChromeで確認したい時とか、この設定にしてあるとcharset指定しなくてもUTF-8でエンコードしてくれて楽ちんです。(文字コード指定した方がいいですけど)

用途に合わせて設定しよう

この設定をすると、今度はShift-JISのファイルが文字化けするようになるので、自分がよく使う文字コードに合わせて変更するのが良いでしょう。

頻繁に使う方をデフォルトに設定しておいて、たまに文字化けするファイルやページがあった場合、その都度Chromeでエンコードをすれば見られるようになります。

エンコードは次の操作でできます。

設定 → その他のツール → エンコード → 任意の文字コード

 - ツール

スポンサーリンク
もしも記事がお役に立ったら、ぜひぜひシェアしていただけるとうれしいです。

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

  関連記事

i-know-pop-up-jisho
英単語の意味をマウスオーバーで表示!多読にはiKnow!ポップアップ辞書でしょ[Chrome]

英語のウェブサイトを読みやすくするGoogle Chromeの拡張機能「iKno …

eyefi-mobi11
Eyefi Mobi 8GB Class10のレビュー。Wi-Fi内蔵SDカードで直接PCやiPadに転送!

Eyefi Mobi 8GB Class10を購入したのでレビューしていきます。 …

evernote-capture
Evernoteのキャプチャ機能がショートカットで保存先を指定できてイイ感じ [Windows版]

最近、Evernoteのクライアント版にキャプチャ機能があることを知りました。 …

amazon-price-tracker
Amazonの値段変動をグラフ化&値下げのメール通知もできるAmazon Price Tracker

Amazonで買い物をする時、その商品が今安値なのか高値なのか、ほとんどの人が気 …

chrome-hitogata00
Google Chrome右上の人型ボタンにユーザー名が表示されるので消す方法

2015年1月13日頃の更新で、Google Chrome右上に人型ボタンが表示 …

licecap
LICEcapの使い方。PC画面を録画してGIFアニメを簡単に作成できるフリーソフト

LICEcap(ライスキャプ)は、PC画面を録画してGIFアニメを作成することが …

photopin_
ブログのアイキャッチ画像を探すのが面倒なときはPhotoPinを使えばいいさ

ブログ記事のアイキャッチ画像、きちんと設定してますか。何気にけっこうメンドクサイ …

optimizila
PNG画像を圧縮するならオンラインWebツールのOptimizillaがおすすめ

ブログに載せる画像は容量が少ない方が良いです。なぜなら、転送するデータ量が少なけ …

progate023
プログラミング学習サイト「Progate」の使い方!東大生作で初心者向けです

こんにちは。プログラミング勉強したいなーと思ってはすぐに挫折するということを何度 …

簡単!YouTubeで新しいチャンネルを作成・削除する方法

YouTubeで「新しいチャンネル」を作成する方法について説明します。作ったチャ …

Top