jQuery

ChromeでjQueryの「ソースマップ」読み込みがエラーを起こしていた件

Chromeでwebアプリのデバッグ中に以下のようなエラーがいきなり出てしまいました。
なにかファイルが足りないって言ってるみたいですが「jquery.min.map」とか知らないし、これまで使ったこともないです。

http://hoge/hoge/jquery.min.map 404 (Not Found)

chrome_jquery_min_map

調べてみるとjQuery 1.9の新機能で「ソースマップ」に対応した、というのに関係あるみたいでした。圧縮版のjquery.min.jsを使っているのですが、圧縮してあるがゆえに覗き込んでもその中身は意味不明。そこでこの「ソースマップ」が活躍するみたいです。圧縮されているソースもこの「マップ」があれば中身を理解できる!っていう便利アイテムだそう。

しかし、今はいりません!

というわけで、「ソースマップ」を使わない設定にします。

Chromeで「ソースマップ」を使わない設定方法

  1. Chromeの「設定」アイコンをクリック
  2. Chromeのデベロッパーツールの右下にある「設定」アイコンをクリック
    chrome_jquery_min_map

  3. 「Enable source maps」をオフ
  4. 「General」にある「Enable source maps」のチェックを外します。
    chrome_jquery_min_map

これで今まで通りにエラーが出なくなりました。
使いようによっては便利なんでしょうけど、
今のわたしには不要!

なにかの拍子にデベロッパーツールの設定が変更されちゃったのかもしれません。

「ソースマップ」はこれから活躍してくれるんでしょうか。
自分で作ったJSファイルを圧縮して、マップをアップしておくとデバッグもできてファイル総量も節約になると考えるといいのかもしれませんが、実践的なのかはまだわかりません。

まあ覚えておいて損はなさそうですね。

▼参考にさせていただきました