XPathの設定方法

XPathはHTMLやXML上の要素を指定するための構文です。

名前にPath（経路）と付く通り、以下のようにトップの要素から対象の要素までに辿る経路を書くことで、対象の要素を表します。

html/body/div/div/section/div/a

似た書き方として、PCのファイルパスをイメージするとよいかもしれません。
OSがMicrosoftであれば、以下のような書き方のことです。
Explorerで、Cドライブ→Usersフォルダ→ユーザー名フォルダ…とクリックして対象のファイルにたどり着くのと同じイメージです。

C:¥Users¥ユーザー名¥Documents¥会議資料

OSがMacであれば、以下がファイルパスです。

既にAUTOROをご利用中の方であれば、ブラウザ操作を行う時、例えばページ上のボタンをクリックするには、CSSセレクタを取得して指定していると思います。

XPathもCSSセレクタも要素を指定する構文という点では違いはないですが、XPathには、CSSセレクタと比べて以下のような利点があります。

• 要素中の文字列を使って指定ができる。
  要素が増えたり減ったりするページで、目当ての要素を文字列で確実に指定することができます。
  例えば、以下のように、AUTOROのフォルダページで「検証」フォルダを常に選択することが可能です。
  CSSセレクタ指定だと「上から3番目の要素」としか指定できず不安定な場合があります。
  

   

• 遡ったり、横にスライドして指定ができる。
  何かの要素を手がかりにして、別の要素を指定する、という指定方法に強いです。
  例えば、（Webページ上のテーブルデータで）太郎さんの部署を取得したい時、“太郎”と書いてあるセルを手がかりに、「太郎のセルを含む行の部署セル」という指定が可能です。
  CSSセレクタ指定だと、「太郎と書かれたセル」から「そのセルを含む行」に遡って指定することはできません。
  

ただし、XPathは一部サイトでは動作しない可能性があります。
具体的にはiframeやshadowDOMと呼ばれる仕組みを採用しているサイトになります。

これらのサイトについては、AUTOROが用意している記法を使うとCSSセレクタ指定で操作が可能です。
弊社が用意しているGoogle拡張機能の「AUTORO Assistant 」を使うと、自動的に記法に沿ったCSSセレクタを取得できます。

そのため、基本的にブラウザ操作ではAUTORO AssistantでのCSSセレクタ指定を推奨しますが、上記のようにXPathが活きる場面では、XPathを使用することがあります。