Firefoxブラウザで文字コード確認
1.Firefoxのハンバーガーアイコンから「ウェブ開発」をクリック
2.「ネットワーク」をクリック
3.「キャッシュを無効化」をチェック
4.文字化けするページをFirefoxで開く
5.該当ページのファイルをリストから選択
6.右に表示されるヘッダーにある応答ヘッダーの「Content-Type」から文字コードを確認します。
以上でレスポンス（応答）ヘッダーが示す文字コードが「charset=UTF8」となっていることが確認できました。
今回のソースは Shift_JIS の文字コードを返すよう作られていたので不一致であることが分かりました。
対策
- Webサーバー側でレスポンスヘッダーが Shift_JIS となるよう設定する
- ソースや各データの文字コードを UTF-8 に変換・作り変える
おわりに
レスポンスヘッダーは文字コード以外にも多くの情報が含まれるのでその他のトラブルシューティングに活用できます。