ページを操作する

 ホーム > ユーザガイド > BOT > BOTエディタの使い方 > ページを操作する

ここではページ内の要素に対する操作方法を説明しています。

要素をクリックする

マウスをクリックし、要素を選択します。選択中に再度マウスをクリックすると操作メニューが表示されます。操作メニューから「クリック」を選択します。

高画質で見る

要素内の値を取得する

マウスをクリックし、要素を選択します。選択中に再度マウスをクリックすると操作メニューが表示されます。操作メニューから「コピー」を選択します。続けて「テキストをコピー」を選択します。データ名を入力し、［コピーする］をクリックします。

高画質で見る

リンク先のURLを取得する

マウスをクリックし、要素を選択します。選択中に再度マウスをクリックすると操作メニューが表示されます。操作メニューから「コピー」を選択します。続けて「リンクURLをコピー」を選択します。データ名を入力し、［コピーする］をクリックします。

高画質で見る

要素の属性値を取得する

マウスをクリックし、要素を選択します。選択中に再度マウスをクリックすると操作メニューが表示されます。操作メニューから「コピー」を選択します。続けて「属性値をコピー」を選択すると属性値一覧が表示されます。属性値を選択します。データ名を入力し、［コピーする］をクリックします。

高画質で見る

選択範囲の構造を取得する

マウスをクリックし、要素を選択します。選択中に再度マウスをクリックすると操作メニューが表示されます。操作メニューから「コピー」を選択します。続けて「選択範囲をコピー」を選択します。データ名を入力し、［コピーする］をクリックします。

高画質で見る

選択範囲を広げる・戻す

選択中の要素の範囲を調整できます。

1. 要素をクリックして選択します。
2. 再度クリックして操作メニューを表示します。
3. 操作メニューから「選択範囲メニュー」を選択します。
4. 「選択範囲を広げる」や「選択範囲を戻す」で調整します。

テキストボックスに値を入力する

任意の文字列を入力する

マウスをクリックし、要素を選択します。選択中に再度マウスをクリックすると操作メニューが表示されます。操作メニューから「入力する」を選択します。文字列を入力して「」ボタンを押します。

高画質で見る

データを貼り付ける

BOT内のデータとして格納されている値をテキストボックスに貼り付けます。

1. 操作メニューから「データを貼り付け」を選択します。
2. 貼り付けたいデータを選択します。

データタイプによる違い

セレクトボックスに値を入力する

任意の項目を入力する

マウスをクリックし、要素を選択します。選択中に再度マウスをクリックすると操作メニューが表示されます。操作メニューから「入力する」を選択します。再度マウスをクリックするとプルダウンメニューが表示され値を選択します。

高画質で見る

データを貼り付けて選択する

BOT内のデータとして格納されている値をセレクトボックスに貼り付ける事で選択します。
セレクトボックス内のoptionのvalue属性と同じデータがあった場合、そのoptionが選択されます。

データタイプによる違い

チェックボックスに値を入力する

任意の項目を入力する

マウスをクリックし、要素を選択します。選択中に再度マウスをクリックすると操作メニューが表示されます。操作メニューから「入力する」を選択します。チェックボックスのまとまりが選択されているのを確認し、「」ボタンを押します。

高画質で見る

データを貼り付けて選択する

BOT内のデータとして格納されている値をチェックボックスに貼り付ける事で選択します。
チェックボックスのvalue属性と同じデータがあった場合、そのチェックボックスが選択されます。

データタイプによる違い

ラジオボタンに値を入力する

任意の項目を入力する

マウスをクリックし、要素を選択します。選択中に再度マウスをクリックすると操作メニューが表示されます。操作メニューから「入力する」を選択します。ラジオボタンのまとまりが選択されているのを確認し、「」ボタンを押します。

高画質で見る

データを貼り付けて選択する

BOT内のデータとして格納されている値をラジオボタンに貼り付ける事で選択します。
ラジオボタンのvalue属性と同じデータがあった場合、そのラジオボタンが選択されます。

データタイプによる違い

要素セレクタを指定する

選択中の要素を確認します。「要素セレクタ」の中には選択している要素の要素セレクタが表示されます。
* 選択中の要素の範囲調整については「選択範囲を広げる・戻す」をご覧ください。

1. 操作メニューから「選択範囲メニュー」を選択します。
2. 「要素セレクタを指定する」を選択します。

* 画面右上のメニューからも選択できます。

要素セレクタの指定方法について

「要素セレクタを指定する」では、選択している要素の要素セレクタを確認できます。
また、任意の要素セレクタを入力して要素を再選択することもできます。

HTML構造で指定する
要素までのHTMLの階層構造で要素セレクタを表現します。
例：html > body > div > section:nth-of-type(2) > div > div > div > div > div > h2

ID属性で指定する
ID属性が指定されている要素を起点にし、要素セレクタを表現します。
例：div#app > section:nth-of-type(2) > div > div > div > div > div > h2

任意のセレクタで指定する
任意の要素セレクタを入力し、指定できます。
任意のセレクタで指定する場合、クラウドBOTに保存されているデータを参照する事もできます。

ID指定で操作を記録する

記録する操作を選択します(クリック、コピーなど)。確認ダイアログ左下の「要素の指定方法」をクリックします。「ID属性指定に変換する」をクリックします。

高画質で見る

その他の機能

ダウンロード

リンク先のファイルや画像ファイルをダウンロードします。

• リンク先のファイルをダウンロードする操作についてはこちら。
• 画像ファイルをダウンロードする操作についてはこちら。

右クリック

要素を右クリックします。

1. 操作メニューから「その他の機能」をクリックします。
2. 「右クリック」をクリックします。

この要素が表示されるまで待機

選択した要素が表示されるまで待機します。
ページが読み込まれた後に表示される画像や、JavaScriptにより遅れて表示されるボタンなどがある場合、表示されるまで待機させたい際に使用します。

1. 操作メニューから「その他の機能」をクリックします。
2. 「この要素が表示されるまで待機」をクリックします。

* 選択した要素が表示されるまでの待機時間は「タイムアウト」の設定で調整できます。タスクのタイムアウトについてはこちら。

この要素で条件を作る

対象要素を使用した条件式を、ひな形として呼び出す事ができます。

要素の存在確認

選択した要素が存在するか否かを判別する条件式を呼び出すことができます。

1. 存在を確認したい要素をクリックします。
2. 「その他の機能」をクリックします。
3. 「この要素で条件を作る」をクリックします。
4. 「要素の存在確認」をクリックします。
5. 「OK」をクリックします。サイドメニューのタスクに要素がある場合の条件分岐が挿入されます。

Cookieをエクスポート/インポートする

仮想ブラウザのCookieをエクスポート、インポートできます。エクスポートおよびインポートはタスクとして記録できます。
また、Cookie情報の確認やクリップボードへのコピーもできます。

• サイドメニューの「Cookie」ボタン、もしくは画面右上から「Cookie」をクリックして、Cookieのモーダルウインドウを開きます。

Cookie情報について

Cookie情報を確認する

仮想ブラウザのCookie情報が確認できます。
* CookieはJSON形式のデータとして表示されます。

Cookieをコピーする

仮想ブラウザのCookieをクリップボードにコピーします。

• コピーアイコンをクリックし、Cookieの値をコピーします。

Cookieをエクスポートする

現在表示されている仮想ブラウザのCookieをエクスポートし、データに格納します。

1. 「格納先のデータ」を選択します。
   * 新規データもしくは格納先のデータ名を選択します。
2. 「エクスポート」ボタンをクリックします。タスクにCookieのエクスポートが追加されます。

Cookieをインポートする

データに格納されているJSONをCookieとしてインポートします。
* インポートしたCookieが正しいJSONデータではない場合、エラーになります。

1. 「インポートするデータ」からデータ名を選択します。
2. 「インポート」ボタンをクリックします。タスクにCookieのインポートが追加されます。