ヤビブロ

  • ホーム
  • ブログ
  • お問い合わせ

ヤビブロ

  • ホーム
  • ブログ
  • お問い合わせ

Chromeで文字コード確認・変更ができない!? そんな時の解決方法!

2017年7月1日
encode_chrome01

chromeでサイトのソースをブラウザで確認する際に文字化けをしていることがあり、文字化けを解消するエンコードの設定があったのですが。。
いつのまにか消えてる!!

よく調べてみると、エンコードを変更できる「テキストエンコーディング」というchromeのプラグインがあるようなので、そちらを入れてみました。

スポンサードリンク


テキストエンコーディングのプラグイン追加

https://chrome.google.com/webstore/detail/set-character-encoding/bpojelgakakmcfmjfilgdlmhefphglae?hl=ja
encode_chrome01

プラグインを追加した後、ブラウザ上で右クリックすると「テキストエンコーディング」の項目が追加されているので、変更したい文字コードを選択すると変更することができます。

encode_chrome02

これで無事、chromeでエンコード確認、変更をすることができますね!
ついでに、safari、firefoxなど他のブラウザでのエンコード確認方法も下記に記載しておきます。

スポンサードサーチ

safariでエンコード確認・変更する方法

左上にある Safari → 環境設定 → 詳細にある「デフォルトのエンコーディング」から選択

encode_safari01
encode_safari02

firefoxでエンコード確認・変更する方法

右上にある 設定(三本線) → 「テキストエンコーディング」をクリック → 文字コードを選択

encode_firefox

上記で解決することができます。
下記のサイトにIEでのエンコード設定方法が記載されていますのでご参照ください。

【参考サイト】
http://www.ic.daito.ac.jp/~mizutani/html/default_encode.html

関連記事

  • 【便利ツール】コピーしたテキストの履歴を記録してくれるCLCL2016年8月12日 【便利ツール】コピーしたテキストの履歴を記録してくれるCLCL
  • 【無料】超便利!Google Driveの文字起こし機能(pdf、写真、画像も対応)がすごすぎた…2018年6月23日 【無料】超便利!Google Driveの文字起こし機能(pdf、写真、画像も対応)がすごすぎた…
  • 【mac】公開されているWebサイトのデータを一括でダウンロードできるソフト2018年3月25日 【mac】公開されているWebサイトのデータを一括でダウンロードできるソフト
  • 【便利ツール】差分データを抽出する際に使う、拡張コピー2016年1月21日 【便利ツール】差分データを抽出する際に使う、拡張コピー
  • グローバルIPアドレスの確認方法|プライベートIPとの違い・特徴について!2016年8月17日 グローバルIPアドレスの確認方法|プライベートIPとの違い・特徴について!

スポンサードリンク

  • 最近の投稿

    • 【基礎】Vue.jsの『コンポーネント』とは?【基礎】Vue.jsの『コンポーネント』とは?2019年6月25日
    • 【Yarn + Vue CLI】を使って簡単にVue.jsの環境構築をする方法【Yarn + Vue CLI】を使って簡単にVue.jsの環境構築をする方法2019年6月17日
    • コピペでOK!Vue.jsで『ハンバーガーメニュー』を実装する方法コピペでOK!Vue.jsで『ハンバーガーメニュー』を実装する方法2019年3月8日
    • 【Mac】vscodeの拡張機能を一括インストールする方法【Mac】vscodeの拡張機能を一括インストールする方法2019年3月8日
    • js不要!cssのみで『無限ループスライダー』を作成する方法js不要!cssのみで『無限ループスライダー』を作成する方法2019年2月24日
    • jQuery・vue.js不要!javascriptで複数対応のアコーディオンを作成する方法jQuery・vue.js不要!javascriptで複数対応のアコーディオンを作成する方法2019年1月30日
    • 【git】新規作成、複製したファイルがsourcetree上で反映されない!?そんな時の解決法【git】新規作成、複製したファイルがsourcetree上で反映されない!?そんな時の解決法2019年1月30日
    • 【css】文字(テキスト)にborderをつけるように縁取りをする方法【css】文字(テキスト)にborderをつけるように縁取りをする方法2019年1月30日
  • カテゴリー

    • AMP (2)
    • android (1)
    • atom (2)
    • css (25)
    • facebook (1)
    • font (1)
    • form (1)
    • FTP (1)
    • git (3)
    • gulp (3)
    • html (2)
    • IE (1)
    • instagram (1)
    • iphone (3)
    • jquery (13)
    • js (5)
    • Mac (10)
    • Photoshop (5)
    • SourceTree (5)
    • Subversion (1)
    • twitter (1)
    • Vue.js (3)
    • Webフォント (1)
    • windows (2)
    • WordPress (7)
    • お知らせ (1)
    • サクラエディタ (1)
    • セキュリティ (1)
    • パララックス (1)
    • 便利ツール (6)
    • 差分チェック (1)
    • 日記 (4)
  • アーカイブ

  • タグ

    android atom background-image before break-all clcl clipmail counter-increment cssハック facebook git github html IE11 instagram iphone ipアドレス linear-gradient Math.random mCustomScrollbar Noto Sans Japanese select snapwidget SourceTree table tool transform transition twitter url改行 windows word-break お問い合わせ コピペ サクラエディタ スクロールバー タスクバー テキストエディタ パッケージ フォーム プラグイン 埋め込み 擬似クラス 改行コード 純正ボタン

    Copyright © 2016 ヤビブロ All Rights Reserved.