見出し画像

web scraperでselecterが選べない不具合

こんにちは、ハルです。

今日は、ノーコードでスクレイピングができる便利なchrome拡張機能「web scraper」を使ってみた結果、どうしても解決できない不具合について記載します。

ちなみに、今回参考にしたのは以下のサイト。

こちらの手順通りにやってみるものの、あるところから全く前に進めなくなってしまいました。
※今回スクレイピングで使用するページは以下のURLです。
https://www.webscraper.io/test-sites/e-commerce/allinone

web scraper手順①サイトマップの作成


サイトマップの作成

まずはテストページに入りサイトマップを作成します。

web scraper手順②セレクターの選択


セレクターの選択

次にスクレイピングを行いたい部分を選択(セレクターを選択)します。そして、私がつまづいたのがこの部分。

任意の文字列のidを入力し、typeはテキストを選択。(参考ページではlinkになっていますが、今回はtextで選択。ちなみに、参考ページ通りにlinkでやってもうまくいきませんでした。)

テキスト入力欄っぽい[Click hire to enable hotkeys]という部分をクリックすると下のように文字が消えます。

[Click hire to enable hotkeys]が消えた

あとは、スクレイピングしたい部分を選択すればいいはずなのですが・・。この後、ページのどこにカーソルをもっていっても、どこをクリックしてもうんともすんとも言いません。
参考ページでは正常に選択されると、先ほど[Click hire to enable hotkeys]と入っていたボックスに文字列が入ります。

しかし、どこをクリックしてもカーソルを動かしてもそんな文字列も一行に入らず・・・。

「もういいや!えい!!」とデベロッパーツールを[×]で消してしまいました。そしたらあら不思議・・・。

デベロッパーツールを閉じたらセレクターが選べるようになった

なんといきなりセレクターが選択できるようになったのです。「いやっほーい!!」と思ってそのまま[Done serecting]をクリックします。


が、[Done serecting]してもなんにも起きない・・・。参考ページ通りであればこの後[Save selector]をクリックして次に進めるはずなのに・・・。

  • デベロッパーツールを閉じたからそもそも「web scraper」が終了した?

  • じゃぁ、なんでデベロッパーツール閉じた後セレクターが選べるようになったの?

  • なんで、セレクター選べたのに次に進めなくなったの?

何度やってもここでつまずき、前に進みません。。誰か詳しい方教えてほしい・・。

いいなと思ったら応援しよう!