開発者ツールって何ですか?
それは置いといて、ちょっとしたときに使いたいではないですか?
今は何もわからんのです。コンソールを今回はテストしてみることに
しましょう。これくらいは知っておきたいものですね。
皆さんの大半(イメージ)はGoogle Chromeを使ってるのでしょう。
私は実行環境としては、Microsoft Edgeしか使ってないです。
申し訳ありませんが、ウェブブラウザは、Edgeを前提条件として
説明をさせてもらいます。Chromeとだいたい同じと思ってるのでね。
まずは、マウスを右クリック。コンテクストメニューが一覧に出力されます。
その中から「開発者ツールで調査する」をチョイスします。
パソコンの画面の右にデベロッパー用のサイトが別表示されるはずです。
肝心なのはここからになります。
「要素」の隣にあります「コンソール」を押します。
写真の通りなので、これに従ってセッティングを終えます。
下は空白の欄になっておりますが
ここに記号の「>」が青色で付いてるんですよね?
> の行にカーソルを合わせて、サンプルコードの入力とまいりましょう。
> document.write("OK");
リターンキーを一回押します。
すると、真っ白なウェブページの片隅に「OK」と出ました。
これが今回の成功の合図となります。
エンジニアの方々にとっては
分かりきってる内容でありますから
記事にするレベルでもないんですが
今日初めて知ったことですので
自分のための忘備録として書いておきました。
それではまた次回。