Chrome Browser のバージョンを取得したい

Question

実現したいこと

Chrome Browser のバージョンを取得したい。
https://chromiumdash.appspot.com/releases?platform=Windows
１１月２４日で「131.0.6778.86」を取得したい。

チェックするのは Stable のバージョンです

発生している問題・分からないこと

　今月初めはバージョン情報を取得できていたが、出来なくなりました。
driver.FindElementsBy*** など、２０パターンほど試しましたがダメでした。
どのようにしたらバージョン情報を取得できますか？

該当のソースコード

Option Explicit
Sub get_brows_ver()
    Dim body1 As String, ver1 As String, url1 As String
    Dim driver As New Selenium.WebDriver
    
    url1 = "https://chromiumdash.appspot.com/releases?platform=Windows"
    With driver
        .Start "chrome"
        .Get url1
        .Wait 2000  'loading 待ち
        body1 = .PageSource
        ver1 = .FindElementByXPath("//*[@id=""header""]/div[2]")
    End With
    Debug.Print body1
    Debug.Print ver1
End Sub

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

driver.PageSource で確認しても何が何やらさっぱり。
解決方法を教えてください。
もしくは何を勉強すれば良いですか。

補足

同じ環境、バージョンで実行できていたのでレスポンスに変更があるように思っています。
取得ログを残していないので検証できずにいます。

Windows 10 Home バージョン　22H2
OS ビルド　19045.5198
エクスペリエンス　Windows Feature Experience Pack 1000.19060.1000.0

Microsoft® Excel® 2019 MSO (バージョン 2410 ビルド 16.0.18129.20158) 32 ビット
Google Chrome: 131.0.6778.86（Official Build） （64 ビット）
ChromeDriver 131.0.6778.85

Comments

[otn]

環境をちゃんと書いた方が良いでしょうね。
タグにExcelとVBAと書いてあるのでPCの話かと思ったけど、リンク先はAndroidのChromeのようです。
AndroidOS上で動かすExcelのVBAから、Android用のSlenium経由で起動したChromeのバージョンを知りたいということなら、非常にレアケースだと思うので、状況を詳しく書いた方が良いと思います。

[otn]

と思ったけど、もしかして、PCのExcelVBAから、お書きのURLのページにアクセスして、そのページの解析をしてそのページに書いてあるバージョン情報を取得したいと言うことなら、単にプログラムが間違っていると言うことかと思いますので、プログラムを載せないと始まりません。

[meg_]

> 今月初めはバージョン情報を取得できていたが、出来なくなりました。
・そのソースコードを質問に追記してください。
・「出来なくなりました」の具体的内容を質問に追記してください。

[gos]

コメントありがとうございます。質問を修正したのでご確認よろしくお願いいたします。
otnさん、使用端末によって自動的に切り返しているようでした。私が取得したいのは windows版です。
変更前：https://chromiumdash.appspot.com/releases
変更後：https://chromiumdash.appspot.com/releases?platform=Windows

[juner]

素の js で取得するのであれば下記の様な感じになりますね。現状。
```js
[...document.querySelectorAll('chromium-releases')]
.flatMap(({shadowRoot}) => [...shadowRoot.querySelectorAll('release-list')])
.map(({shadowRoot}) => {
return shadowRoot.querySelector('#header > :nth-child(2 of div)').innerText
})
```

```output
['130.0.6723.137', '131.0.6778.86', '132.0.6834.15', '133.0.6847.2', '133.0.6857.0', '133.0.6857.1']
```

Answer 1

shadow rootの中にあるようなので、面倒くさいですね。shadow rootの中にあるタグは、driver.FindElement～～では見つかりません。

解決方法を教えてください。

Seleniumにshadow rootの中にフォーカスするメソッドがあるはずです。
RubyやPythonだとshadow_root。VBAでも類似の名称でしょう。

もしくは何を勉強すれば良いですか。

HTML と shadow root

shadow rootの中を見るプログラムを自力で書くのが難しいようなら、
別案として、早めにテキストデータを抽出して、そこから文字列処理で必要なデータを抜き出すことも考えるべきかと思います。Seleniumを使うプログラムをVBAで書いたことは無いですが、bodyタグ内のテキストの抽出は、

driver.FindElementsByTag("body")(1).Text

とかですかね。別案を採用する場合に学ぶべき物は正規表現でしょうね。

Answer 2

　みなさん、回答ありがとうございます。
現在は Node.js で Google Chrome for Testing の利用環境を整えているところです。
恥ずかしながら、chrome driver と Google Chrome for Testing をセットで使うことを知りませんでした。
ブラウザと driver のバージョンチェックを行っていたことが恥ずかしいです。

今までは chrome driver のバージョン近似のブラウザをインストールして利用していました。
それも自動バージョンアップを手動で解除するという、煩雑な手順。

今後は chrome driver のバージョンアップをチェックするだけで良いことになりました。
それは現在、できているので悩み解決とします。
ですが、shadow root は勉強していきたいと思います。

juner さんの output を入手できれば何とかなります。

otn さんの shadow root を探すと shadow DOM なんてのが出てきたので
以前、使ったことのある オブジェクトと共通点はあるのかなとググってます。
CreateObject("MSXML2.XMLHTTP")

Comments

[otn]

「テキストにしちゃうと構造が見えなくなるので、ノードで絞り込む必要がある」ならShadowDOMを勉強するしかないですが、今回はそうではなさそうなので、
driver.FindElementsByTag("body")(1).Text
から正規表現で必要情報を取り出すのが、今回については楽そうです。
正規表現をよく知らない場合はどこでも役立つ技術なので、この機会に勉強する。

> shadow root は勉強していきたいと思います。
「今すぐにShadowDOMを勉強することが自分のプラスになる」と何らかの理由で思うならばそれで良いと思いますが、もうちょと先延ばしにして経験を積んだ上で勉強した方が、学びも早くて理解も深まると思います。
勉強するなら「なぜShadowDOMのような仕組みが考え出されたのか」の理解からですね。