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. fadeto.jpg

    jQuery

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

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

  2. duration.jpg

    jQuery

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

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

最近の記事

  1. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  2. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  3. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  4. 【コレクション】カードダス:SDガンダム外伝シリーズ
  5. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  6. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  7. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  8. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  9. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  10. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」

アーカイブ

  1. 日常

    今そこにある危機
  2. 日常

    ご飯会
  3. kawaisouna_zou-1.jpg

    読書

    悲しいけど何回も読んじゃうノンフィクション絵本『かわいそうな ぞう』
  4. fnm002-1.jpg

    MTG

    【MTG】イベントデッキ「潜行と征服」でFNM3位までいけた
  5. 1年間無料保管付き布団クリーニングが良かったのでリピーターになります!

    サービス

    1年間無料保管付き布団クリーニングが良かったのでリピーターになります!
PAGE TOP