開発ツールを起動するには-Firefox

投稿者: | 2020 年 12 月 25 日

Firefoxの開発ツールを起動する手順です。

このツールを使って、サイト上の要素を削除することができます

  1. サイトにアクセスします
    00-top
  2. サイトの画面上で右クリック
  3. 「要素を調査」をクリック
    01-element
  4. 開発ツールの画面が表示されます(ウィンドウの下あるいは右側に表示)
  5. 左上のアイコンをクリック
    02-sel-element
  6. サイト上のどこかにマウスカーソルを持っていったり、クリックします
  7. すると、サイトの画面と開発ツールの画面が連動して、色が変わります
    03-mouse-over
  8. 例として、QRコードをクリックします
    04-select
  9. 開発ツールの画面上でも青く変わります
  10. そのままDeleteキーを押すと、要素(ここではQRコード)が削除されます
  11. このようにいくつか削除していくと、以下のように本文だけ残すことも出来ます
    05-fin
  12. Chromeでは右クリック、検証をクリックすると、デベロッパーツールが開きます
    06-chrome-developer