Is there any instruction how to debug typescript in Firebug and/or built-in Firefox js-debugger? Something like but for Firebug and/or Firefox
5 Answers
Firefox Developer Edition allows debugging of TypeScript code. The only thing missing is syntax highlighting.
1 Comment
kbpontius
After trying both normal and Developer Edition Firefox, at least at this point, there's not much difference in debugging Typescript locally. Both behaved pretty much the same.
Chrome canary supports this: http://www.aaron-powell.com/web/typescript-source-maps
1 Comment
Andre
Although this answer is a little bit off topic, it provides good value by showing another option. I was using Firebug myself, but might be willing to switch to Chrome Canary for debugging TypeScript.
Firebug is closely integrated with the Javascript execution engine of Firefox. As long as Firefox or Firebug have no support for Typescript I guess you are out of luck.
For Coffeescript, there is AceBug which offers debugging support for Coffeescript. It should be possible to extend this to TypeScript. However, the structure of the source Typescript and the compiled Javascript can be quite different so the compiler would need to insert debug symbols to link Javascript to Typescript.
Comments
Firebug version 3.0 is being designed to run on top of the built-in debugger in Firefox. This means it also leverages the support for source maps and so the .ts files are loaded correctly.
You can try out preview releases from http://getfirebug.com/releases/firebug/3.0/
Comments
Current version of Firebug (2.0.13 + FF43) seems to be debugging typescript just fine. At least it worked for me so far.
On the web page you add the "compiled" .js with a reference to the source map. I.e.
<script src="register.js"></script>
And Firebug will show you the register.ts file instead in the list of scripts instead.
Make sure you have the source map generation on in your tsconfig.json:
"compilerOptions": {
...
"sourceMap": true
},
