2013-03-22 16 views
34

Zajmuję się tworzeniem webapplication (asp.net mvc 4) z Microsoft Visual Studio 2012, a ponieważ rozwiązanie jest coraz większe, debugowanie jest wolniejsze.Jak debugować (tylko) JavaScript w Visual Studio?

Potrzebujesz wiedzieć, czy istnieje sposób debugowania tylko mojej strony klienta (javascript) w visual studio zamiast w całej aplikacji (serwer + klient).

Czy istnieje sposób na dołączenie do procesu IE i sprawienie, aby punkty przerw pracowały ...?

Nie interesuje mnie uruchomienie debuggera w całej aplikacji klient/serwer, tylko klient.

Odpowiedz

5

Debuger powinien automatycznie dołączyć się do przeglądarki za pomocą Visual Studio 2012. Możesz użyć słowa kluczowego debugger, aby zatrzymać się w określonym miejscu w aplikacji lub użyć breakpoints bezpośrednio w VS.

Można również detatch domyślnego debugera w Visual Studio i korzystać z narzędzi dla programistów, które fabrycznie załadowane z Internet Explorer lub FireBug itp

Aby to zrobić goto Visual Studio ->Debug ->Detatch All a następnie kliknij polecenie Uruchom debugowanie w Internet Explorer. Następnie możesz ustawić punkty przerwania na tym poziomie. enter image description here

29

Najpierw otwórz Visual Studio ... wybierz projekt w eksploratorze rozwiązań .. Kliknij prawym przyciskiem myszy i wybierz opcję "przeglądaj z", a następnie ustaw IE jako domyślną przeglądarkę.

enter image description here Teraz otwórz IE ..go do
Tools >> Internet option >> Advance>> uncheck the checkbox having "Disable Script Debugging (Internet Explorer). a następnie kliknij Apply i OK i gotowe ..

Teraz można ustawić punkty przerwania w pliku JS, a następnie naciśnij przycisk debugowania w VS. .

enter image description here

EDIT: - Dla asp.net aplikacji internetowych prawym przyciskiem myszy na stronie, która jest twoim s tartup (powiedzmy default.aspx) i wykonaj te same kroki. :)

+0

Jestem na aplikacji ASP.NET WEB, jak mogę to zrobić? –

+0

dziękuję, ale nadal nie można uzyskać wartości granicznych działających na moim VS2012 , jeśli o przycisk debugowania, cały proces iis jest dołączony do debuggera, nie potrzebuję tego, ponieważ jest wolny. Moja misja polega na debugowaniu javascript bez konieczności dołączania procesu IIS ... –

+0

W jaki sposób sprawiamy, że działa on z Maszyną do debugowania presetu? – TetraDev

3

Do debugowania kodu JavaScript w VS2015, nie ma potrzeby

  1. upoważniającego debugowanie skryptu w opcjach IE -> Zakładka Zaawansowane
  2. Pisanie oświadczenia debugera w kodzie JavaScript

Dołączanie IE nie działa, ale tutaj jest obejście tego problemu.

Wybierz IE

enter image description here

i naciśnij F5.Spowoduje to dołączenie zarówno procesu roboczego, jak i IE, jak pokazano tutaj: enter image description here

Jeśli nie interesuje Cię debugowanie kodu serwera, odłącz go od okna Processes. enter image description here

Po naciśnięciu klawisza F5 i wszystkich kompilacji kodu serwera nadal będzie można napotkać powolne działanie i ładowanie w trybie VS. Zauważ, że możesz odłączyć i dołączyć ponownie instancję IE uruchomioną z VS. Punkty przerwania JavaScript są trafione w ten sam sposób, co kod po stronie serwera.

3

Tak można umieścić break-point na stronie po stronie klienta w Visual studio

pierwszy wprowadzone debugera w kodzie Java Script i uruchomić stronę w przeglądarce

debugger

enter image description here

Po tym otwórz swoją stronę w przeglądarce i zobacz element inspekcji, zobaczysz następujący widok

enter image description here

Powiązane problemy