0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

開発者ツール F12(Microsoft Edge編)

Last updated at Posted at 2025-01-03

開発者ツールって何ですか?

それは置いといて、ちょっとしたときに使いたいではないですか?

今は何もわからんのです。コンソールを今回はテストしてみることに

しましょう。これくらいは知っておきたいものですね。

皆さんの大半(イメージ)はGoogle Chromeを使ってるのでしょう。

私は実行環境としては、Microsoft Edgeしか使ってないです。

申し訳ありませんが、ウェブブラウザは、Edgeを前提条件として

説明をさせてもらいます。Chromeとだいたい同じと思ってるのでね。

まずは、マウスを右クリック。コンテクストメニューが一覧に出力されます。

その中から「開発者ツールで調査する」をチョイスします。

パソコンの画面の右にデベロッパー用のサイトが別表示されるはずです。

肝心なのはここからになります。

「要素」の隣にあります「コンソール」を押します。



image.png



image.png



写真の通りなので、これに従ってセッティングを終えます。

下は空白の欄になっておりますが

ここに記号の「>」が青色で付いてるんですよね?

> の行にカーソルを合わせて、サンプルコードの入力とまいりましょう。



> document.write("OK");



リターンキーを一回押します。

すると、真っ白なウェブページの片隅に「OK」と出ました。

image.png



これが今回の成功の合図となります。

エンジニアの方々にとっては

分かりきってる内容でありますから

記事にするレベルでもないんですが

今日初めて知ったことですので

自分のための忘備録として書いておきました。



それではまた次回。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?