JavaScriptをわざわざhtmlを作成しないで簡単に実行させる方法

1img 9827 JavaScriptをわざわざhtmlを作成しないで簡単に実行させる方法

JavaScriptを実行させるのにいちいちhtmlを書いたりするのは面倒ですよね。

そこでJavaScriptを簡単に実行できる方法をまとめました。

1.IE

98c23e57d4dd36c25fa1b68c141993ca 1024x833 JavaScriptをわざわざhtmlを作成しないで簡単に実行させる方法

F12キーを押します。

alert(“Hello World!!”);

を入力してCtrl+Enterで実行です。

右下隅にある矢印ボタンを押して、単一行モードと複数行モードを変更します。

2.Firefox

98c23e57d4dd36c25fa1b68c141993ca 1024x833 JavaScriptをわざわざhtmlを作成しないで簡単に実行させる方法

https://addons.mozilla.org/en-US/firefox/addon/firebug/

Add-onを入れます。

F12キーを押します。

右下の矢印を押します。

すると右下側に入力可能なスペースができるのでそこにJavaScriptを入力してCtrl+Enterで実行できます。

3.chrome

076ec53c688caabfdee099ce827ce0d9 JavaScriptをわざわざhtmlを作成しないで簡単に実行させる方法

Ctrl+Shift+Jを押すとコンソールがでます。
Enterで実行
複数行を入力して実行したいときは
Shift+Enter 改行
Enter 実行
となります。

ちょっとしたJavaScriptのテストをする場合には上記のようなコンソールを使って実行すると簡単にテストできます。

他にもそれぞれとても便利な機能があります。
たとえばAjaxの通信内容なんかも表示できたりします。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">