JavaScriptのデバッグ方法はどうするのかと思っていたのですが、ログの表示をする方法が使えそうです。
FireFoxを使っているので、JavaScript Consoleを使う事によりログ出力を行います
1. FireFoxの右上の"三"をクリックし、"開発ツール" -> "Webコンソール" を選択
(ブラウザ画面下にコンソール画面が表示される)
2. htmlのscriptタグ部分に以下の記述をする
<script>
console.log("hoge");
<script>
サンプルですが、こんな感じのテキストファイル(hoge.html)をエディタで作って、
- FireFoxにドラッグ&ドロップ
- ダブルクリック (htmlに関連付けしてある場合)
すると、consoleに文字が表示されます
---
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> ログ出力テスト </title>
</head>
<body>
<div id="section"></div>
<script>
console.log("Hello World");
</script>
</body>
</html>
0 件のコメント:
コメントを投稿