Q&A
> AWSのクラウドを用いているので結果確認はスクリーンショットとタブのカウントで行いました。
回答ではないですが、ちゃんと動くまでは、ブラウザウィンドウを出した状態でローカルPCでテストを行うとよいと思います。
前提・実現したいこと
selenium(headless chrome)で画像を取得するデモンストレーションを行っています。
対象のimg要素はfind_elementで取得できそうになかったので右クリックのコンテキストメニューから
”画像を新しいタブで開く(I)”を選択することができないか検討しています。
いろいろ方法を検索した結果、以下の様に書く方法にたどり着きましたが選択前ページから動いていないようです。
コンテクストメニューを選択する方法はないでしょうか。
該当のソースコード
ruby
1#selenium起動 2options = Selenium::WebDriver::Chrome::Options.new 3options.add_argument('--headless') 4driver = Selenium::WebDriver.for :chrome, options: options 5 6#該当ページへ移動 7driver.navigate.to 'http://sample.com/' 8 9#マウスを画像の座標へ移動（座標の値は例） 10driver.action.move_to_location(100, 100).perform() 11 12#右クリックでコンテキストメニューを表示、”画像を新しいタブで開く(I)”を選択 13driver.action.context_click().send_keys("I").send_keys(:enter).perform()
試したこと
ruby
1#右クリックでコンテキストメニューを表示、”画像を新しいタブで開く(I)”を選択 2driver.action.context_click().send_keys("I").send_keys(:enter).perform()
の代わりに
ruby
1driver.action.send_keys(:arrow_down).send_keys(:arrow_down).send_keys(:arrow_down).send_keys(:arrow_down).send_keys(:arrow_down).send_keys(:enter).perform()
のように矢印キーの入力も試しましたがページが下にスクロールするだけで別タブで画像を開けませんでした。
また、座標をclick().perform()すると画像のリンク先を得られたので座標の間違いはないと思われます。
補足情報
AWSのクラウドを用いているので結果確認はスクリーンショットとタブのカウントで行いました。
〇取得しようとしていた画像
取得しようとしていた要素はGoogle検索の画像タブで表示される画像一覧の要素です。
一覧の画像をクリックすると画面右に出る大きな画像を取得しようとしていました。
class名 irc_miのimg要素です。
実際のコードではclick()で右の黒帯を表示するところまでは動作します...
そうですよね
rails tutorialを終えたばかりの駆け出しなので、環境そのままで試しちゃいました。
そのimgタグ含めた前後のDOMをもらえないでしょうか。
多少プログラムが汚くなるかもしれませんが取得できない要素は無いです。
shirai さん
コメントありがとうございます。DOMを正しく理解できなかったので取得しようとしていた要素について追記しました。よろしくお願いいたします。
回答2件
0
ベストアンサー
無理っぽいです。
右クリックで画像をひらくことはできないので、
View Imageを追加したユーザーデータを使って試してみましたが動作が安定しないです。
※ "View Image" は "画像を表示" ボタンを追加する拡張機能です。
投稿2019/11/02 17:10
編集2019/11/02 17:45
退会済みユーザー
総合スコア0
0
すみませんこれrubyの質問だったんですね。。
てっきりpythonだと思って口出ししちゃいました。
hello worldも書いたことないので
ぐぐってみましたが以下でうまくいくでしょうか。。。
ruby
1elem_src = driver.find_element(:class, 'irc_mi').attribute('src') 2open('test.png', 'wb') do |file| 3 open(elem_src) do |data| 4 p file.write(data.read) 5 end 6end
このサイトを参考にしました。
投稿2019/11/02 12:58
総合スコア1290
driver.find_element(:class, 'irc_mi')はどうもうまくいかないんですよね。
たぶんスクリプトで巧妙に隠されてるんだと思います。天下のGoogleさんですからね。
elem_src = driver.find_elements(:class, 'irc_mi')[1].attribute('src')ならどうでしょうか。
NoMethodError (undefined method `attribute' for nil:NilClass)と表示されているので、配列が空ということでしょうか。たぶん取得できてないと思われます。
では、elem_src = driver.find_elements(:class => 'irc_mi')[1].attribute('src')ならどうでしょうか。
同様ですね。ブラウザの開発者ツールからは見えるんですが、driver.page_sourceでソースコードを取得してもそこにはclass名irc_miの要素はないことから見てもfind_elementsでは取得できないと考えるべきかと...うーん
page_sourceではどこまで表示されたでしょうか。どれかの画像をクリックして右側に黒い背景の画面を出現させるところまでは成功できていますか。
意図を理解できていなかったらごめんさない。
page_sourceをとるとhtmlの中身がずらずらと得られるので、メモ帳に張り付けて拡張子を".html"に変えてやると確かにページは表示されますが、画像をクリックしても黒い背景の画面は表示できないですね。
shirai様
対象のページは恐らく以下のURLだと思います。
https://www.google.com/search?q=りんご&tbm=isch
page_sourceはpythonにも全く同じ関数があるので使い慣れています。
私もuser1さんと同じページかと思い検証をしていましたが、
となるとそもそも元の画像一覧から黒背景で拡大表示する
1枚を選んでクリックする時点でプログラムに間違いがあるようですね。
page_sourceは検証でちょっと打ってみただけで黒背景を出すのには使っていません。
黒背景を出すまではclickだけでできることはスクショをとって確認済みです。
あなたの回答
tips
プレビュー
