忍者ブログ

ひつ(じのひよこが)プログラミングします。
お仕事や趣味で困ったこととか、何度も「あれ?どうだったかしら」と調べたりしたこととか、作ったものとか、こどものこととかを書きます
★前は週末定期更新でしたが今は不定期更新です

2024/11    10« 1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30  »12

JavaScript の動作をすぐに試す

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

コメント

ただいまコメントを受けつけておりません。

JavaScript の動作をすぐに試す

JavaScript の動作確認をするのに毎回 .html ファイルと .js ファイルを用意するのは面倒である。かといって、 nodejs (パソコンのコンソール上で動作する JavaScript) をインストールするのが難しい環境もあるだろう。家族共用のパソコンとか。

それでも JavaScript をサッと試すのに便利なツールがある。ブラウザ付属の開発者ツールである。今回は以下のブラウザに付属している開発者ツールで JavaScript を試す方法について簡単に説明する。

  1. Microsoft Edge
  2. Google Chrome
  3. FireFox

とりあえず共通事項として

勘が良い人はこれだけ読んで試せばあとは読まなくてもいいかもしれない。ブラウザ開いて F12 キーを押し、出てきたコンソールに JavaScript のコードを入力

Microsoft Edge

とりあえず、ブラウザを開いて F12 を押すと次のような画面が出てくる。しかる後に画面下部の<が記されている部分に JavaScript を入力すると、 JavaScript を即座に実行できる。
使う手順を動画で説明

Google Chrome

Google Chrome の場合も F12 を押して、該当箇所にコードを書いて実行できる。

FireFox

FireFox も同様に F12 を押して、出てきた箇所にコードを書いて実行できる。

PR

コメント

ただいまコメントを受けつけておりません。

ブログ内検索

P R