0

Chrome等でクリック箇所をハイライトする工夫の紹介です。
主にIE時代が恋しいかた向けの情報です。

 

IE時代はクリック箇所がオレンジ枠でハイライトされてました。

WinActorのターゲット非表示はどういった用途で使用できますか。 | WinActor サポートサイト
https://winactor-support.jp/faq-s013/

 

アクセシビリティの機能にハイライトがあるという情報

クリックした場所をハイライト表示する方法 - 日本パソコンインストラクター養成協会
https://pc.jpita.jp/index.php?20211025

【Chrome】クリック(フォーカス)した場所をハイライト表示する方法 - ぱそかけ
https://paso-kake.com/it/googlechrome/18288/

いい感じです。
これで見つけました。

https://www.google.com/search?q=クリック+ハイライト

 
ブラウザの設定画面は、たとえばConsoleからのJavaScript実行で操作できます。
今回はJSPath.click();でJSPathの要素をクリックするルートを採用します。
JSPathはXPathと同じようにコピーできます。

ChromeDevツールでJSPathをコピーする機能を伝えたい #JavaScript - Qiita
https://qiita.com/rakuda3dev/items/b41cebfb4239abd3b295

 
Chromeでテスト

設定 - ユーザー補助機能

chrome://settings/accessibility

フォーカス中の項目をハイライト表示する

document.querySelector("body > settings-ui").shadowRoot.querySelector("#main").shadowRoot.querySelector("settings-basic-page").shadowRoot.querySelector("#advancedPage > settings-section:nth-child(9) > settings-a11y-page").shadowRoot.querySelector("#pages > div > settings-toggle-button:nth-child(6)").shadowRoot.querySelector("#control").shadowRoot.querySelector("#knob").click();

 
Edgeでテスト

設定 - ユーザー補助機能

edge://settings/accessibility

ページのフォーカス領域の周囲に高い可視性のアウトラインを表示する

document.querySelector("#SidePaneLayout > div > div > div.c01138.c0127.c0149 > div > div > div.c01529 > div:nth-child(2) > div > div > div > div > div.c01532 > div > div > input").click();

 
フロー案

クリップボード:設定、JSPath.click();のコード
ブラウザ起動
ページ表示:アクセシビリティページのURL
エミュレーション:Ctrl+Shift+I(コンソールを表示)
エミュレーション:Ctrl+V
エミュレーション:Enter
エミュレーション:Ctrl+Shift+I(コンソールを非表示)

 
エミュレーションのオススメ設定

  • 1アクションに1パーツを割く
  • (スクリーン)
  • 待機なし
  • Upなし

https://winactor.com/questions/?q=スクリーンのススメ・エミュレーション失敗対策

https://winactor.com/questions/?q=待機やめてみた

https://winactor.com/questions/question/エミュレート機能を使ったセクション区切り(word/

 
ブラウザ設定画面操作関連スレッド

https://winactor.com/questions/question/【踊ってみた同好会(仮)】chromeを起動してダウン/

https://winactor.com/questions/question/google-chrome設定画面のxpathが設定できない/

https://winactor.com/questions/question/chromeのダウンロード設定/

 
SeleniumではJavaScriptの実行にExecuteScriptを使うという情報

SeleniumからJavaScriptを実行する | Seleniumワールド
https://selenium-world.net/selenium-tips/3948/

→ 代表的な言語のExecuteScriptが登場する

Edge/Chromeで印刷設定を行う【Selenium】【ExcelVBA】 | VBA Create
https://vba-create.jp/vba-selenium-print-settings/

→ JSPathが登場する

【SeleniumBasic】JavaScriptを使ってスクレイピングをしてみる1
https://powervbadesktop.com/web22/

→ document.getElementById("ID名”).click();の親しみやすい表記が登場する

【Selenium-VBA】JavaScriptを使ってスクレイピングをしてみる2
https://powervbadesktop.com/web23/

→ getElement*とquerySelector*のほか、WinActorを非JavaScriptで使う場合にも役立つ情報が多め

anothersolution 回答した質問
回答とコメントは、会員登録(無料)で閲覧できるようになります。