Chromebook で要素を検査する方法

あなたは Web 開発者ですか、それとも Chromebook を使用して Web ページ上の要素を検査したいと考えている人ですか? 数回クリックするだけで完了します。

ウェブページの構築には多くのことが費やされます。 ページ上の特定の要素の背後にあるものに興味がある場合は、コードを表示するとよいでしょう。 のような Windows ラップトップ、開発者ツール オプションを使用して要素を検査できます。 素晴らしいChromebook またはいずれかの 多くの ChromeOS タブレット. そして、それを行うには 2 つの方法があります。

学校や企業が管理する Chromebook を使用している場合、要素の検査機能がブロックされる可能性があり、このガイドの手順に従うことができません。 まず管理者に問い合わせずにブロックを解除する方法はありません。 セキュリティのため、またオンライン試験でのリバース エンジニアリングや不正行為を防止するために、検査要素がブロックされる場合があります。

Web 開発者やより高度な ChromeOS ユーザーは、開発者ツール メニューを使用して Chromebook 上の要素を検査したい場合があります。 ChromeOS のこのシンプルなメニューを使用すると、ウェブページの内容をさらに詳しく調べることができます。 それほど隠されているわけではありませんが、見つける方法は次のとおりです。

  1. Chrome メニュー バーのプロフィール アイコンの横にある 3 つの点をクリックします。
  2. を選択してください その他のツール オプション。
  3. 選ぶ 開発者ツール。
  4. Web ページの右側にコンソールが開き、現在閲覧している Web サイトのコードが表示されます。
  5. このコンソールの左上に、マウスの付いた四角いアイコンが表示されます。 クリックして。 を押すこともできます Ctrl + Shift + C 機能をトリガーします。
  6. これで、Web ページ上の任意の場所にマウスを置くことができるようになり、その特定の要素のコードが表示されます。
  7. カーソルを置いている領域をクリックすると、右側のコンソールにコードが表示されます。

次のように自動的にトリガーするだけで、このメニューを完全に回避することもできます。 Ctrl + Shift + I キーボード上で。

マウスまたはタッチパッドを使用して Chromebook 上の要素を検査する

他の Web ブラウザと同様に、Chrome ではマウスまたはタッチパッドだけを使用して要素を検査できます。

  1. Web ページの検査したい部分の上にマウスを置きます。
  2. その領域を右クリックします。
  3. 選ぶ 検査する メニューから。
  4. Chrome 開発者ツール メニューが開きます。
  5. メニューの上部にある四角いアイコンをマウスでクリックします。 を押すこともできます Ctrl + Shift + C 機能をトリガーします。
  6. 検査したい領域にマウスを移動すると、コードが表示されます。
  7. 要素をクリックすると、コンソール内のそのコード行に移動します。

Chromebook でウェブページ上の要素を検査するのにそれほど時間はかかりません。 管理者が有効にしている限り、簡単な方法が 2 つあります。 ChromeOS について詳しく知りたい場合は、その方法に関するガイドをご覧ください。 壁紙を毎日変える そしてどうすればできるのか リモートから Chromebook に接続する.