jQuery

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

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

1
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ファイルを圧縮して、マップをアップしておくとデバッグもできてファイル総量も節約になると考えるといいのかもしれませんが、実践的なのかはまだわかりません。

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

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

関連記事

  1. duration.jpg

    jQuery

    jQueryの「duration」ってホントは何秒なんだよ、をちょっと解決

    jQueryのアニメーションではdurationを設定できます。…

  2. fadeto.jpg

    jQuery

    透明度をあやつる jQueryのコード

    各要素の透明度を、指定した値まで徐々に変化させる効果です。半透明…

最近の記事

  1. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  2. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  3. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  4. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  5. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  6. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  7. コミックのイラストが新鮮だった!『MARVEL展』
  8. シンプルで使い易い!!「雷に強い マイクロタップ 4個口」
  9. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  10. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」

アーカイブ

  1. gooddesign_exhibition2012-1.jpg

    展覧会

    グッドデザインばかりが集められた「GOOD DESIGN EXHIBITION …
  2. jins_evangelion-1.jpg

    プロダクト

    予約締め切り目前! EVANGELION × JINSオリジナルメガネがおもしろ…
  3. d_design_travel_yamaguchi_EXHIBITION-1.jpg

    展覧会

    山口をデザインの視点で観てみる「d design travel YAMAGUCH…
  4. 日常

    捨てる覚悟
  5. 日常

    「エレファントデザイン 見てここ展!」が開催中、2/28まで
PAGE TOP