Chromeでデバッグ

トップページ > JavaScript > Chromeでデバッグ

初版2013/01/10：最終更新日2013/01/10

Chromeでデバッグ

目次
・Chromeでデバッグ

Chromeでデバッグ

javascriptをChromeでデバッグすることができます。F12を押してデベロッパーツールを起動します。
次にConsoleを押すと、以下のような画面が表示されます。

JavaScript内でconsole.logを使用すると、このConsole画面に表示されます。alertの代わりになるような感じです。

<script language="JavaScript">
<!--
function a(){
    var a;
    a = 1;
    console.log("a=" + a);
}
// -->
</script>
<input type="button" value="submit" onclick="a();">

IEではconsole.logを使用するとエラーとなります。Chromeでのデバッグは以下にも書いてますので参考にして下さい。

ChromeでJavaScriptをデバッグ

HOME