Firebugや組み込みのFirefoxjs-debuggerでtypescriptをデバッグする方法についての説明はありますか? FirebugやFirefox用以外の何か
5 に答える
Firefox Developer Editionでは、TypeScriptコードのデバッグが可能です。欠落しているのは構文の強調表示だけです。
Chrome canaryはこれをサポートしています: http ://www.aaron-powell.com/web/typescript-source-maps
Firebugは、FirefoxのJavascript実行エンジンと緊密に統合されています。FirefoxまたはFirebugがTypescriptをサポートしていない限り、運が悪いと思います。
Coffeescriptには、 Coffeescriptのデバッグサポートを提供するAceBugがあります。これをTypeScriptに拡張できるはずです。ただし、ソースTypescriptとコンパイルされたJavascriptの構造はまったく異なる可能性があるため、コンパイラはJavascriptをTypescriptにリンクするためにデバッグシンボルを挿入する必要があります。
Firebugバージョン3.0は、Firefoxの組み込みデバッガー上で実行するように設計されています。これは、ソースマップのサポートも活用しているため、.tsファイルが正しくロードされることを意味します。
http://getfirebug.com/releases/firebug/3.0/からプレビューリリースを試すことができます
Firebugの現在のバージョン(2.0.13 + FF43)は、typescriptを問題なくデバッグしているようです。少なくともこれまでのところうまくいきました。
Webページで、ソースマップへの参照を含む「コンパイル済み」の.jsを追加します。つまり
<script src="register.js"></script>
また、Firebugは、代わりにスクリプトのリストにregister.tsファイルを表示します。
tsconfig.jsonでソースマップの生成がオンになっていることを確認してください。
"compilerOptions": {
...
"sourceMap": true
},