【ブラウザ操作】フォーカスがあたらないサイトへのアクションの作成

WEBサイトによっては、アクションを作成するときに操作したい個所をクリックして選択したときに表示されるフォーカス(ピンクの四角)表示されないことがあります。
※ブラウザがChromeやEdgeで発生します。Firefoxでは発生していません(2025年8月28日時点)

フォーカスが当たる
フォーカスが当たらない

フォーカスが当たらないサイトの場合、こちらで紹介したF2キーをおして要素の一覧を表示する方法も利用できません

フォーカスが当たらない場合の対応は?

ロボット実行時の設定を開く

コントロールパネルのオプション~ロボット実行時の設定と開きます。

ブラウザの要素指定方法の設定を変更

手動設定に変更します。手動設定に変更してブラウザ起動アクションから再実行し、対象の画面を表示してください。F2キーを押すと要素の一覧が表示されます。操作したい要素を一覧から選択、右クリックを押してメニューを表示します

一覧が表示される
右クリックしてメニューを表示、アクションを選択する

ブラウザの要素指定方法の変更時の注意点

要素指定方法はスケジュール実行でも引き継がれる

要素指定方法を自動設定で作成したアクションは、スケジュール実行でも自動設定で実行されます。手動設定で作成したアクションも、スケジュール実行では手動設定で実行されます。

手動設定でしかフォーカスが当たらないサイトは自動設定で動かない

アクションを作成したときにフォーカスが当たらないサイトだったので、手動設定に変更してからアクションを作成しました。このとき、自動設定へ変更してからテストやスケジュールでアクションを実行すると、要素が見つかりません、というエラーが発生します。フォーカスが当たらないサイトは手動設定で作成、実行も手動設定のまま行ってください。

フォーカスが当たるサイトは、自動設定で作成したアクションは手動設定に変更しても動きます。また手動設定で作成したアクションは自動設定へ変更しても動きます。

【ブラウザ操作】右クリックしてメニューを表示できない場合は?

ロボットにアクションを作成するときは以下の手順を行います。

  1. 操作したい個所を選択
  2. 右クリックしてメニューを表示
  3. アクションをクリック
  4. アクションの設定画面で設定

しかしWEBサイトの構成によっては、操作個所を選択して右クリックすると操作個所が隠れてしまって、アクションをうまく作成できない場合があります。

以下のようなWEBサイトで、イベント関連をクリックした後に表示されるトップメニュー設定をクリックするアクションを作ろうとしています。

しかしトップメニュー設定を選択して右クリックすると、表示されていたメニューが消えてしまい、アクションを作成することができません。

そのようなWEBサイトでもアクションを作成できる機能を0.10.11に追加しました。


アクションの作成手順

メニューを表示した状態にし、操作したい個所(ここではトップメニュー設定)にマウスカーソルを当てます。

次にCtrlキー+Shiftキー+F2キーを押し、Xpathの一覧を表示します。

一覧から操作したいXpathを選択して右クリックしてメニューを表示します。ここからは通常のアクションの作成方法で対応できます。

【ブラウザ操作】現在のタブ以外を閉じる

★アクションの説明、概要

ブラウザで表示中のタブ以外を閉じる方法について説明しています。


★アクションの作成方法


★アクションの設定画面について

アクション設定画面の設定項目についての説明は以下の通りです。

1.基本設定

1-1.現在のタブかタブ以外か

>現在のタブを閉じる

複数開いているタブのうち、現在表示されているタブを閉じます

>現在のタブ以外を閉じる

複数開いているタブのうち、現在表示されているタブ以外を閉じます。本アクションではこちらが選択状態になっています。

1-2.画面を閉じた後、最初の画面に制御を戻す

このアクションの実行後、一番最初に開いたタブを表示する場合はチェックを入れます。本アクションではこちらはチェックが外れた状態になっています。

2.高度な設定

2-1.アクション有効

このアクションを無効にする場合は、チェックを外します。


3.エラー発生時の対応

3-1. エラー時の処理

エラーが発生したときの設定を行います。詳細はこちらをご確認ください。

3-2.基点となる条件分岐

エラー時の処理で条件分岐の次のフローに移動を選択したときに、設定することができます。アクションでエラーが発生した場合、移動先の条件分岐を選択します。

3-3. エラー時にログ出力

エラーが発生したときにログに出力するか設定します。スケジュール実行したときのログへ出力されます。エラーとして扱わない場合は、チェックを外します。詳細はこちらをご確認ください。

【ブラウザ操作】Googleスプレッドシートへ入力ができなくなった

本件の対応のため、Googleスプレッドシートの値編集アクションを0.10.10から作成できるようになりました。

★発生したこと

ブラウザ操作でChromeを使用。

Googleスプレッドシートへの値の入力を以下のように行っていたができなくなった

  1. Googleスプレッドシートのセル移動アクションで入力対象のセルへ移動
  2. Googleスプレッドシートの数式バーへ値入力アクションを使って値を入力

★原因

調査中です。


★別方法で入力を

以下のいずれかの方法で入力を行っていただけますでしょうか。

1.ブラウザをFirefoxにする

Googleスプレッドシートを開いているブラウザをChromeではなく、Firefoxにします。ブラウザ起動アクションで起動するブラウザをFirefoxへ変更します。

2.アプリ操作の【要素】値入力を使って入力

  1. スプレッドシートのセル移動アクションで入力対象のセルへ移動
  2. アプリ接続でChromeへ接続
  3. Googleスプレッドシートの数式バーへアプリ操作の【要素】値入力
ブラウザ スプレッドシート 入力 できなくなった

3.アプリ操作の【画像】値入力を使って入力

  1. スプレッドシートのセル移動アクションで入力対象のセルへ移動
  2. アプリ接続でChromeへ接続
  3. Googleスプレッドシートの数式バーへアプリ操作の【画像】値入力
ブラウザ スプレッドシート 入力 できなくなった

4.アプリ操作の【画像】キー送信を使って入力

この方法については共通部品を公開しています。こちらからご確認いただけます。

  1. スプレッドシートのセル移動アクションで入力対象のセルへ移動
  2. アプリ接続でChromeへ接続
  3. クリップボード操作でGoogleスプレッドシートへ入力する値をクリップボードへセット
  4. 【画像】キー送信でCtrl+Vを行います。1の操作で移動したセルへ値が貼り付けられます
ブラウザ スプレッドシート 入力 できなくなった

【ブラウザ操作】ファイルのダウンロード~Chrome(アプリケーション)、Edge、Edge(アプリケーション)の場合

★アクションの説明、概要

ブラウザ起動でChrome(アプリケーション)、Edge、Edge(アプリケーション)などで、表示しているWEBサイトからのファイルのダウンロード方法について説明します。

【0.10.12から】
ブラウザ起動でChrome(アプリケーション)、Edge、Edge(アプリケーション)などで作成中のロボットでも、従来のマウス操作アクションでダウンロードフォルダとファイル名を指定する方法によるダウンロードが可能になります。


★ダウンロードの設定方法

マウス操作アクションの設定

デフォルトの設定でアクションを作成します。

ファイルの繰り返し処理を使ってダウンロードしたファイルのパスを取得

ファイルの繰り返し処理を使い、ダウンロードしたファイルのパスを変数へ格納します。

・フォルダ

Edgeでダウンロード↓ファイルが保存されているフォルダを設定します。デフォルトの設定であれば「C:\Users\windowsのログインユーザー名\Downloads」です。

・並び替え

更新日時の降順にします

・取得するファイル数

最新のファイルのパスを取得するので、1にします。

・繰り返し処理対象のファイルパスの格納先

取得したファイルのパスを格納する変数を設定します。

ダウンロードしたファイルをコピー

ダウンロードしたファイルのパスを取得したら、任意のフォルダへコピーします

ダウンロードフォルダから任意のフォルダへコピーする共通部品も公開しています。そちらもご利用ください。こちらでご確認いただけます。

【ブラウザ操作】ロボットでChromeとGoogleへログインした状態にする

ChromeとGoogleへログインしたブラウザを操作したい

ロボットChromeとGoogleへログインした状態のChromeを起動する方法をご紹介します。

この方法を使ってChromeを起動した場合、起動時にプライバシー強化についてというメッセージが表示されます。メッセージを表示しない方法は、こちらをご覧ください。

設定方法

アプリを開くアクションを作成

コントロールパネルのアプリ~アプリを開くをクリックし、アプリを開くアクションの設定画面を開きます

プログラムの下の▼~Chromeを起動するをクリックします

引数へ以下を設定してください。太字のユーザー名はロボットを動かすPCへのログインユーザーにしてください。設定したら実行するをクリックします。ブラウザが表示されます

-remote-debugging-port=9222 –user-data-dir=”C:\Users\noguchi\AppData\Local\Google\Chrome\User Data”–profile-directory=”Default”

ブラウザ起動アクションを設定

ブラウザを起動アクションが自動的に表示されます。実行するをクリックします

ページを開くアクションを設定

ページを開くアクションが自動的に表示されます。対象のサイトのURLを設定して実行するをクリックします

ログインした状態で開きました

Chromeへログインした状態でページが開きました

Googleにもログイン状態になっています

【ブラウザ操作】ブラウザアクションを追加できないとき

メニューが表示されない

ロボットへブラウザを操作するアクションを追加しています。

通常ブラウザ上で操作したいか所を選択、右クリック、メニューからアクションを選択…という手順でアクションを追加していきます。このときXpathは自動的に取得されます。

RPA ブラウザ 追加

まれに右クリックしてもメニューが表示されず、アクションを選択できないWEBサイトが存在します。

RPA ブラウザ 追加

アクションを追加する方法

メニュー以外からアクションを追加する場合は、以下の方法で行ってください。

1.追加したいアクションをほかのところからコピー&ペースト

追加したいアクションをロボットのほかの場所からコピー&ペーストします。値入力アクションを使って説明します。

RPA ブラウザ 追加
RPA ブラウザ 追加

2.操作したい個所のXpathをコピーします

操作したい個所のXpathをコピーします。

ブラウザへのフォーカス(ピンクの四角が表示される)が邪魔になるので、フォーカス中断をします。コントロールパネルのフォーカス中断をクリックします。

ブラウザ上でF12キーを押し、DevToolsを表示します。

Elementsを選択します。

Ctrl+Shift+Cキーを押しながらXpathをコピーしたい(操作したい個所)へマウスカーソルをあわせます。Elements内のHTMLが展開されます。

Elements内のXpathをコピーしたい(操作したい個所)へマウスで選択します。

右クリックしてメニューを表示、Xpathをコピーします。

3.Xpathをアクションへ貼り付けます

高度な設定タブのxpathへコピーしたXpathを貼り付けます。

【ブラウザ操作】JavaScriptを使った値の書き込み

WEBサイトの入力するテキストボックスの構成によっては、値の入力アクションによる入力ができないことがあります。

その場合の対処方法として、Javascriptの実行アクションを使った入力方法についてご説明します。

1.Javascriptの実行アクションを作成

Javascriptの実行アクションを作成して、設定画面を開きます

2.jQueryを使えるように設定

高度な設定タブの$sとしてjQueryを使えるようにする、にチェックを入れます

JavaScript 値 書き込み

3.コマンドを作成

以下のコマンドを作成します。実行するJavaScriptへ設定します。

$s(“入力個所のID“).val(“入力する値“);

入力個所のIDの調べかた

値入力アクションを作成し、設定画面の高度な設定タブのXPATHのid=となっている””で囲われた文字がIDです

JavaScript 値 書き込み

accountというIDへnoguchiという文字を入力するコマンドです。

JavaScript 値 書き込み

【ブラウザ操作】ロボットのChromeでアクセスできない時

ブラウザ起動アクションで起動したChormeで、ページを開くアクションを使いWEBサイトを開きます。このときに、WEBサイトが開かなかった場合の手順について説明します。

0.10.9からEdgeが追加します。使い方はChromeと同じです。

1.アプリを開くアクションを使ってChromeを起動

アプリを開くアクションで項目名「プログラム」の下の▼をクリックします。表示されるメニュー内のChromeを起動するをクリックします。

クリックすると以下のように設定されるので、実行をクリックします。Chromeのインストール場所が違う場合はプログラムに表示されているChromeの場所を変更してください

2.ブラウザ起動アクションを実行

ブラウザ起動アクションが自動的に表示されます。実行するをクリックします

ロボット Chrome アクセス

Chrome(アプリケーション)が選択されています。またChrome(アプリケーション)のポート番号が設定されています


3.ページを開くアクションを実行

ここまで来たら通常のブラウザアクションと手順は同じです。自動的に開いたページを開くアクションへURLを設定して実行します

ロボット Chrome アクセス

4.ご注意ください

このページでご案内した方法で起動したChromeでファイルのダウンロードを行うには方法で行います。

1.マウス操作のダウンロードの場合はチェックしてください、へチェックを入れない

2.C:\Users\windowsのユーザー名\Downloads\内のダウンロードしたファイルを処理する

【ブラウザ操作】マウス操作(クリック)

★アクションの説明、概要

WEBページ内のボタンやリンクをクリックするときに行うマウス操作の方法について説明しています。マウス操作アクションでファイルのダウンロードを行うこともできます。

操作個所を選択して右クリックしてメニューを表示できず、うまくアクションを作成できない場合の対応について書きました。※0.10.11からの機能です


★アクションの作成方法


★アクションの設定画面について

アクション設定画面の設定項目についての説明は以下の通りです。

1.基本設定

1-1.マウスの操作を選択

・クリック

マウスのクリックを行います。

・ダブルクリック

マウスのダブルクリックを行います。

・右クリック

マウスの右クリックを行います。

・マウス移動

カーソルを移動します。

1-2.ダウンロードの場合はチェックしてください

クリックしてダウンロードを行う場合はチェックを入れます。

1-3.保存先

ダウンロードの保存先を設定します。変数参照可能です。またシステム値を使用可能です。システム値の説明はこちら。

・ 保存先をファイル名まで設定した場合

C:\temp\sample.csv
この場合、tempフォルダへsample.csvが保存されます

・ 保存先をフォルダ名まで設定した場合

C:\temp\
この場合、tempフォルダへダウンロード先のWebサイトが命名したファイル名で保存されます。※\を最後に指定する必要があります

1-4.ダウンロード開始までのタイムアウト(秒)

設定した秒数までロボットがアラートメッセージを探します。


2.高度な設定

rangename、xpath、Attribute、Value、テキストパターンの設定をすることで、ロボットが操作する要素を指定します。要素にフォーカスボタンで設定した内容で操作したい要素をロボットが見つけられるか確認することができます。

2-1.range_name

指定した要素を探す対象範囲を設定します。要素のループの中で行う場合に設定します。要素のループ内でアクションを実行させたいのにrangenameがanywhereになっていると、意図した箇所で動いてくれません。

2-2.xpath

要素の指定を行います。変数参照可能です。

2-3.Attribute

要素の指定を行います。バージョン0.10.2から標準で自動設定されないようになりました。必要に応じてプルダウンで選択することができます。

2-4.Value

要素の指定を行います。バージョン0.10.2から標準で自動設定されないようになりました。Attributeで選択した設定に応じて内容が変わります。

バージョン0.10.7から変数参照が可能になりました。

2-5.テキストパターン

Webサイト内に表示されている文字を設定します。変数参照可能です。

2-6.要素のインデックス

ここまで設定した内容で1つの要素に絞り込めない場合、何番目の要素を操作するか指定します。1番目の場合、0を設定します。変数参照可能です(0.10.9から)。

2-7.ダウンロード時のファイル名格納先

ダウンロードしたときに保存したファイル名を格納する変数を設定します。

2-8.ダウンロード対象ファイルの拡張子

ダウンロード処理が正常に行われない場合は、ダウンロードするファイルの拡張子を設定します。

2-9.要素に対してフォーカスを移動する

本アクションが実行されるときに、指定した要素にフォーカスを当てる場合、チェックを入れます。

2-10.アラートが出ていればエラーとする

本アクションを実行するときにブラウザからアラートメッセージが表示されていた場合にエラーとするときは、チェックを入れます。

2-11. 要素が見つかるまでのタイムアウト(秒)

設定した秒数までロボットが要素を探します。

2-12. ダウンロードが完了するまでのタイムアウト(秒) (0.10.9から追加)

設定した秒数を超えてもダウンロードが完了しなかった場合にエラーにします。マウス操作の結果、システムからの応答を待っている時間も含むようになりました(0.10.10から)

2-13. アクション有効

このアクションを無効にする場合は、チェックを外します。


3.エラー発生時の対応

3-1. エラー時の処理

エラーが発生したときの設定を行います。詳細はこちらをご確認ください。

3-2.基点となる条件分岐

エラー時の処理で条件分岐の次のフローに移動を選択したときに、設定することができます。アクションでエラーが発生した場合、移動先の条件分岐を選択します。

3-3. エラー時にログ出力

エラーが発生したときにログに出力するか設定します。スケジュール実行したときのログへ出力されます。エラーとして扱わない場合は、チェックを外します。詳細はこちらをご確認ください。