Debugowanie TypeScript w Firebug

Question

Czy istnieją instrukcje dotyczące debugowania maszynopisu w Firebug i/lub wbudowanym js-debuggerze Firefox? Coś like ale Firebug i/lub Firefox

Answer 1

Firefox Developer Edition umożliwia debugowanie kodu maszynopis. Brakuje tylko podświetlania składni.

Answer 2

Firebug jest ściśle zintegrowany z silnikiem uruchamianie skryptów JavaScript w Firefoksie. Dopóki Firefox lub Firebug nie mają wsparcia dla Maszynopisu, myślę, że nie masz szczęścia.

Dla Coffeescript istnieje AceBug, który oferuje wsparcie debugowania dla Coffeescript. Powinno być możliwe rozszerzenie tego na TypeScript. Jednak struktura źródłowego Skryptu Typów i skompilowanego Javascript może być całkiem inna, więc kompilator musiałby wstawić symbole debugowania, aby połączyć JavaScript z Maszyną.

Answer 3

Chrome Canary obsługuje to: http://www.aaron-powell.com/web/typescript-source-maps

Answer 4

Firebug version 3.0 jest przeznaczony do uruchamiania na wbudowanym debugerze w przeglądarce Firefox. Oznacza to, że obsługuje także obsługę map źródłowych, dzięki czemu pliki .ts są ładowane poprawnie.

Można wypróbować Wersje testowe z http://getfirebug.com/releases/firebug/3.0/

Answer 5

Aktualna wersja Firebug (2.0.13 + FF43) wydaje się być debugowania maszynopis dobrze. Przynajmniej dla mnie to zadziałało.

Na stronie internetowej dodaje się "skompilowany" .js z odniesieniem do mapy źródłowej. To znaczy.

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

I Firebug pokaże register.ts pliku zamiast na liście skryptów zamiast.

Upewnij się, że generowanie mapy na źródło w tsconfig.json:

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