記事一覧

VisualStudioでJavascriptをデバッグする方法 | asp.net


今回は Visual Studio 上で asp.net を開発している際に、コードビハインド部分のデバッグは今まで通り普通にできますが、Javascript コードのデバッグは少し変わっていて debugger キーワードで実行が可能です。



前提条件
Windows 7 Professional 以降 / Windows Server 2008 R2 以降
Visual Studio 2008 Professional 以降
VB.NET
.Net Framework 3.5 以降


Javascript のデバッグには有名なツールがあります。そう FireFox のアドインである FireBug です。サイトを表示して、キーボードのF12ボタンから様々なデバッグが可能です。しかしながら、IE系のブラウザのをターゲットとするサイトの場合は、FireFoxで表示ができなかったりします。オープンサイトであればそのようなことはありませんが、業務系のサイトの場合はそれがあり得ます。

では、デバッグができない?というわけではありません。以下のように記述するとデバッグが開始されます。


aspxファイルのjavascript部
<script type="text/javascript">
function testfunction() {
    debugger;
    var test = "t/e/s/t".replace("/", "");
}
</script>

※ビルドはDEBUGで実行してください。
※本番環境に記述したままリリースしてはいけません。
※ブレークポイントを置かなくてもOKです。
※デバッグメニューから、プロセスにアタッチする必要もありません
※VBScript で記述する場合は、Stop キーワードでブレークします。
※aspxファイルの冒頭にデバッグをONにする記述も可能です。
<%@page Language=jscript debug=true %>
※IEのプロパティ→詳細設定からスクリプトのデバッグを使用しない(Internet Explorer)のチェックを外してください
aspnet_debug_01.png



関連記事

コメント

コメントの投稿

アルバム

広告

プロフィール

石河 純


著者名 :石河 純
自己紹介:素人上がりのIT技術者。趣味は卓球・車・ボウリング

IT関連の知識はざっくりとこんな感じです。
【OS関連】
WindowsServer: 2012/2008R2/2003/2000/NT4
Windows: 10/8/7/XP/2000/me/NT4/98
Linux: CentOS RedHatLinux9
Mac: macOS Sierra 10.12 / OSX Lion 10.7.5 / OSX Snow Leopard 10.6.8
【言語・データベース】
VB.net ASP.NET C#.net Java VBA
Xamarin.Forms
Oracle10g SQLServer2008R2 SQLAnywhere8/11/16
ActiveReport CrystalReport ReportNet(IBM)
【ネットワーク関連】
CCNP シスコ技術者認定
Cisco Catalyst シリーズ
Yamaha RTXシリーズ
FireWall関連
【WEB関連】
SEO SEM CSS IIS6/7 apache2

休みの日は卓球をやっています。
現在、卓球用品通販ショップは休業中です。