Chrome の開発者ツールで AngularJS のソース マップを表示しようとしています。私は簡単なウェブページを作りました:
<!DOCTYPE html>
<html lang="en" ng-app>
<head>
<meta charset="utf8">
<title>Some App</title>
<script src="lib/angular.min.js"></script>
</head>
<body>
<h1>Hello world! {{ 1+2 }}</h1>
</body>
</html>
これは として保存されindex.html
、3 つの AngularJS ファイル ( angular.js
、angular.min.js
およびangular.min.js.map
) をAngular の bower リポジトリから直接lib
サブディレクトリにコピーし、開発者ツールの設定ページで [ソース マップを有効にする] オプションがオンになっていることを確認しました。を使用して、このディレクトリの内容を提供しpython -m SimpleHTTPServer
ます。しかし、Chrome はマップ ファイルをサーバーに照会することさえしません。これはサーバーのログに表示されます。
次に、 Coffee Script デモやHTML5Rocksページにリンクされているデモなどのソース マップ デモを読み込んでみましたが、実際にはどれもマップ ファイルを読み込んでおらず、「ネットワーク」タブに表示されると思います。
これは、Debian SID システム上の Chrome 28.0.1500.95 です。
私が間違っていることは何ですか?