0

//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js で、Google CDN から縮小された jquery スクリプトをロードしています。

ただし、ブラウザーにページを読み込むと、Chrome 開発者ツールによると、標準の jquery (縮小されていない) ファイルが読み込まれているように見えます。なぜこうなった？jquery は存在しない画像も読み込もうとしています (css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png)

4

2 に答える 2

3

コードを再インデントして再フォーマットするよりも、実際にはもっと素晴らしいです。

その秘密はJavaScript ソース マップです。これにより、開発者は縮小されたファイルを元のソースにリンクできるため、デバッガーは元の文字化けしていないコードを表示できます。
テクニックの詳細はこちら:
http://devtoolsecrets.com/secret/debugging-use-javascript-source-maps.html

ネットワーク パネルに移動すると、読み込まれたファイルが実際には縮小されたものであることがわかります。このファイルのヘッダーを見ると、ソース マップ宣言が含まれています。

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery.min.map
*/
于 2014-02-11T09:22:59.207 に答える