拡張機能よりキャプチャーツールを利用しよう
はじめに
Googlechromeの拡張機能より、キャプチャーツールを利用できます。
T-DASHと連携して、画面要素からパスの取得まで一括で行うことができます。
本ページでは拡張機能の追加~拡張機能を利用した画面定義の方法を記載します。
機能
- XPathのトラッキング機能
- XPathの存在チェック機能
- T-DASHアプリへのXPathの保存
ゴール
キャプチャーツール拡張機能の利用方法がわかる
前提
T-DASHが起動状態であること
注意事項
- 本拡張機能はベータ版です。
- 検証は行っておりますが、ベータ版のため予期せぬ問題が発生する可能性があります。データの完全な保証はいたしかねますのでご了承ください。
もくじ
詳細
1.拡張機能を追加する
chromeウェブストアより、T-DASH Capture Tool-β Versionをインストールしてください。
![](/t-dash/cms/wp-content/uploads/2024/07/001-2-1024x534.jpg)
「拡張機能を追加」をクリックします。
![](/t-dash/cms/wp-content/uploads/2024/07/002-2-1024x534.jpg)
拡張機能が追加されました。
![](/t-dash/cms/wp-content/uploads/2024/07/003-2-1024x534.jpg)
拡張機能マークをクリックし、キャプチャーツールをピン止めします。
![](/t-dash/cms/wp-content/uploads/2024/07/004-3-1024x534.jpg)
2.キャプチャーツールを利用する
T-DASHを起動し、拡張機能からT-DASHキャプチャーツールをクリックします。
![](/t-dash/cms/wp-content/uploads/2024/07/005-3-1024x555.jpg)
キャプチャーツールが起動しました。
※作業によって、最前面表示のON↔OFFを切り替えてご利用ください。
![](/t-dash/cms/wp-content/uploads/2024/07/006-4-1024x555.jpg)
プロジェクトを選択します。
![](/t-dash/cms/wp-content/uploads/2024/07/008-2-1024x513.jpg)
「画面を作成」をクリックします
![](/t-dash/cms/wp-content/uploads/2024/07/009-3-1024x513.jpg)
画面名を入力します。
![](/t-dash/cms/wp-content/uploads/2024/07/010-2-1024x513.jpg)
入力した画面名をクリックします。
![](/t-dash/cms/wp-content/uploads/2024/07/011-2-1024x513.jpg)
画面定義したい、URLを入力します。
![](/t-dash/cms/wp-content/uploads/2024/07/012-2-1024x513.jpg)
「URLを開く」をクリックします。
![](/t-dash/cms/wp-content/uploads/2024/07/013-2-1024x513.jpg)
新しいタブで、URLのページが開きました。
![](/t-dash/cms/wp-content/uploads/2024/07/007-5-1024x555.jpg)
「キャプチャツール」をクリックします。
![](/t-dash/cms/wp-content/uploads/2024/07/014-3-1024x513.jpg)
「行を追加」をクリックします。
![](/t-dash/cms/wp-content/uploads/2024/07/015-1-1024x686.jpg)
画面定義したい要素名を入力し、「トラッキング」をクリックします。
![](/t-dash/cms/wp-content/uploads/2024/07/016-3-1024x686.jpg)
自動的にURLのページへ遷移します。
要素名に対応する箇所にフォーカスをあてると黄色のハイライトの状態になりますので、クリックしてください。
![](/t-dash/cms/wp-content/uploads/2024/07/017-3-1024x555.jpg)
自動的にキャプチャーツールへ遷移し、要素名に値が入ります。
![](/t-dash/cms/wp-content/uploads/2024/07/018-5-1024x555.jpg)
続けて「行を追加」と「トラッキング」を繰り返し、画面定義をします。
![](/t-dash/cms/wp-content/uploads/2024/07/025-2.jpg)
全ての画面定義が完了しましたら「パスチェック」をクリックします。
![](/t-dash/cms/wp-content/uploads/2024/07/019-4-1024x770.jpg)
「OK 1 match(es)」が表示されることを確認します。
![](/t-dash/cms/wp-content/uploads/2024/07/020-3-1024x770.jpg)
保存マークををクリックします。
![](/t-dash/cms/wp-content/uploads/2024/07/021-2-1024x770.jpg)
「データを登録しました。」と表示されます。
![](/t-dash/cms/wp-content/uploads/2024/07/022-2-1024x770.jpg)
T-DASHの画面定義を確認すると、作成した画面名があります。
![](/t-dash/cms/wp-content/uploads/2024/07/023-2-1024x555.jpg)
画面名をクリックすると、画面定義した内容が反映されていることを確認できます。
![](/t-dash/cms/wp-content/uploads/2024/07/024-2-1024x556.jpg)