ここでは、操作対象の要素をデベロッパーツールを用いて選択し動作を行わせる方法を説明します。
①ウェブサイト上の任意の箇所を「右クリック」して「検証」を選択し、デベロッパーツールを起動します。
デベロッパーツールは以下のショートカットでも起動します。
Windows: 【 Ctrl + Shift + I 】 または【 F12 】
Mac: 【 Cmd + Option + I 】または【 F12 】
②Elementタブに切り替えます。
③Select an element in the page to inspect it ボタンを押下します。
④要素を取得したい対象箇所をクリックします。
⑤背景に色がついた部分を「右クリック>Copy>Copy selector」を選択してコピーします。
⑥各アクション内「要素」(赤枠A)にペーストします。
使いたい要素は左側のトグル(青枠B)をONにしておきます。
コメント
0件のコメント
サインインしてコメントを残してください。