본문 바로가기

.NET/ASP.NET

ASP.NET 자바스크립트 디버깅

아실지 모르지만


asp.net 클라이언트 자바스크립트를 디버깅하기위해


다음과 같이  코딩하면 자동적으로 visual studio에서 


자바스크립트 디버깅이 실행됩니다.



<%@ Page Title="홈 페이지" Language="C#"  AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<html xmlns="http://www.w3.org/1999/xhtml">


    <head id="Head1" runat="server">


        <title></title>


        <script src="Scripts/jquery-1.7.1.min.js"></script>


        <script>


            $(document).ready(function () {



                $(':radio').click(function () {


                    debugger;


                    //Get the value of Radio button


                    var _GetVal = $(this).attr('value');


                });


            });



        </script>



    </head>


    <body>


        <form id="form1" runat="server">


        <div>


            첫째


            <input type="radio" name="rd1" value="10" />


            <input type="radio" name="rd1" value="11" />


            둘째


            <input type="radio" name="rd1" value="12" />


            <input type="radio" name="rd1" value="13" />


        </div>


        </form>


    </body>


    </html>




위의 이미지 처럼 디버깅을 사용한 툴을 선택해 주면됩니다.