copyright ©
creamu Inc. All Rights Reserved.

art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.

category: Technology

date: March 08, 2012

Back to Blog Index

JavaScriptのデバッグ方法

JavaScriptをデバッグする際は、以下のように書くと便利です。

<script>
console.log("test");
alert("test");
</script>

コンソールに「test」、アラートのポップアップで「test」と表示されます。 console.logの括弧内に""をつけずに変数名を入れると、 PHPでいうvar_dump();のように変数に入っているものを確認することができます。

var name = "1";
console.log(name);

Jsdebug

Chromeの「要素の検証 / Console」画面