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. 懐かしい!!カードダスSD戦国伝!!
  6. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  7. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  8. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  9. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  10. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」

アーカイブ

  1. 「バリスタ(Barista)」でアイスコーヒー飲み放題!

    プロダクト

    「バリスタ(Barista)」でアイスコーヒー飲み放題!
  2. wwdc2014-site.jpg

    Appleイベント

    WWDC 2014で思ったことメモ
  3. 日常

    そろそろ、ひっこしでも・・・
  4. マスタービルダー決定

    LEGO

    レゴランド・ディスカバリー・センター東京 マスター・ビルダー決定!
  5. おまけもついて、ランキング以外でも楽しめる雑誌!『日経 TRENDY 2016年12月号』

    読書

    おまけもついて、ランキング以外でも楽しめる雑誌!『日経 TRENDY 2016年…
PAGE TOP