Chromeでクリック箇所をハイライトしてみた
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/
いい感じです。
これで見つけました。
ブラウザの設定画面は、たとえば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/question/エミュレート機能を使ったセクション区切り(word/
ブラウザ設定画面操作関連スレッド
https://winactor.com/questions/question/【踊ってみた同好会(仮)】chromeを起動してダウン/
https://winactor.com/questions/question/google-chrome設定画面のxpathが設定できない/
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で使う場合にも役立つ情報が多め