محتویات سایت
        برچسب های محبوب 








 
   دیباگ نمودن کدهای جاوا اسکریپت توسط Visual Studio
  امروز قصد دارم روش هایی را جهت دیباگ نمودن کدهای جاوا اسکریپت توسط Visual Studio معرفی نمایم.
   Ajax
   ۳۱۸۲۸
   این مقاله حاوی فایل ضمیمه نمی باشد
   مرتضی صحراگرد
   ۱۳۸۶/۹/۸
نسخه قابل چاپ نسخه قابل چاپ

مقدمه :

در صورتي که شما قبلا با جاوا اسکريپت و آژاکس (AJAX) کار کرده باشيد، حتما بارها آرزو نموده ايد که اي کاش VS اجازه ديباگ نمودن کدهاي جاوا اسکريپت را همانند کدهاي سمت سرور مي داد!

امروز دو روش جهت انجام اين کار معرفي خواهم نمود.

روش اول :

در صورتي که کدهاي جاوا اسکريپت شما در يک فايل خارجي مانند فايل هاي js مي باشد، آن را در VS باز کنيد و در نقطه اي که قصد ديباگ نمودن آن را داريد Breakpoint قرار دهيد.

اکنون به منوي Debug رفته و گزينه Attach to Process را انتخاب نماييد و پروسس مربوط به Internet Explorer يعني iexplorer.exe را Attach نماييد.

اکنون برنامه را اجرا کنيد و با خيال راحت به ديباگ نمودن کدهاي جاوا اسکريپت خود بپردازيد!

روش دوم :

در صورتي که کدهاي جاوا اسکريپت شما داخل کدهاي HTML صفحات وب مي باشد، مي توانيد آن را به شکل زير ديباگ نماييد.

همانطور که مي دانيد در اين حالت، VS اجازه قرار دادن Breakpoint در داخل کدهاي جاوا اسکريپت را نمي دهد.

بدين منظور مي توانيد در هر قسمتي که مايل به ديباگ آن هستيد کلمه کليدي debugger را بنويسيد و برنامه را اجرا نماييد. اين کلمه مانند Breakpoint عمل مي کند.
در شکل زير يک مثال در اين مورد را مشاهده مي نماييد.


function test()
{
debugger
var pnl=document.getElementById('Panel1');
pnl.style.position=
"absolute";
pnl.style.display=
"inline";
pnl.style.left=(window.screen.width/2)-50 +
"px";
pnl.style.top= (window.screen.height/2)-50 +
"px";
pnl.style.display=
"inline";
}

توجه :

براي اينکه بتوانيد از اين روش ها استفاده نماييد بايد ابتدا قابليت script debugging را در Internet Explorer فعال نماييد.

بدين منظور به Internet Options رفته و سپس به تب Advanced برويد.

همانطور که در شکل زير مي بينيد، گزينه Disable script debugging (Internet Explorer را از حالت انتخاب، خارج نماييد.

خوب، کار تمام شد.
موفق باشيد.