FirebugでのTypeScriptのデバッグ

Question

Firebugや組み込みFirefox js-debuggerでtypescriptをデバッグする方法はありますか？ 何かlike Firebugおよび/またはFirefox用

Answer 1

Firefox Developer Editionはtypescriptですコードのデバッグを可能にします。 唯一欠けているのは構文ハイライトです。

Answer 2

FirebugはFirefoxのJavascript実行エンジンと密接に統合されています。 FirefoxやFirebugがTypescriptをサポートしていない限り、あなたは運が悪いと思う。

Coffeescriptの場合、CoffeescriptのデバッグをサポートするAceBugがあります。これをTypeScriptに拡張することは可能です。しかし、ソースTypescriptとコンパイルされたJavascriptの構造はかなり異なるので、コンパイラはJavascriptをTypescriptにリンクするためにデバッグシンボルを挿入する必要があります。

Answer 3

クロームカナリアはこれをサポートしています。 http://www.aaron-powell.com/web/typescript-source-maps

Answer 4

Firebug version 3.0は、Firefoxの組み込みデバッガの上で動作するように設計されています。つまり、ソースマップのサポートも活用されているため、.tsファイルが正しく読み込まれます。

あなたはFirebugののhttp://getfirebug.com/releases/firebug/3.0/

Answer 5

最新バージョン（2.0.13 + FF43）うまくtypescriptですをデバッグしているように見えるからプレビューリリースを試してみることができます。少なくともそれはこれまで私のために働いていた。

ウェブページでは、「コンパイル済み」.jsをソースマップを参照して追加します。私。

<script src="register.js"></script> 

そして、Firebugのではなく、代わりにスクリプトのリストにあなたのregister.tsファイルが表示されます。

あなたtsconfig.json中にソースマップの生成を持っていることを確認してください：

"compilerOptions": { 
    ... 
    "sourceMap": true 
},