iframeを含んでいる際のデベロッパーツールの使い方

ここでは、iframe内の要素をデベロッパーツールを用いて選択し動作を行わせる方法を説明します。

 

スクリーンショット 2024-10-18 174437.png

画像1

①該当の箇所を「右クリック」して「検証」を選択します

 

スクリーンショット 2024-10-18 175441.png

画像2

②青くフィルターがかかっている要素を「右クリック>Copy>Copy selector(画像2赤枠)」を選択してコピーします

 

iframe_1-2.png

画像3

③各アクション内「要素」(画像3の)にペーストします

「<iframe~」「<frame~」のような形で表記されたframe要素(画像2の青枠)を「右クリック>Copy>Copy selector(画像2赤枠)」でコピーします

⑤各アクション内オプションの「フレームを指定」(画像3の)にペーストします

 

関連アクション

コメント

0件のコメント

サインインしてコメントを残してください。