Puppeteer
昨日、一昨日と2日連続でセレクタの取得方法を紹介した。しかし、取得したセレクタが正しいかの確認・検証の方法は紹介してこなかったので、ここではその方法を扱う。 Photo by Polina Zimmerman from Pexels 昨日の記事では、Yahoo! Japan のページにおける…
Photo by Digital Buggu from Pexels これまで Puppeteer や Selenium で使用できるセレクタを取得する方法の続編である。昨日は、 DevTools を使用した方法を紹介した。 how-to-make-stock-trading-system.dogwood008.com 本日は、Chrome の拡張機能である …
how-to-make-stock-trading-system.dogwood008.com 上記の昨日の記事に引き続き、セレクタの話である。ここからは Google Chrome での話で進めるが、現行版であれば他のブラウザでも概ね似たようなことができる。 まず、macの人は、 Cmd ⌘ + Shift + C 、Win…
Photo by Pankaj Patel on Unsplash セレクタは、HTML 中の特定のタグを指し示すための識別子である。初期はCSSの文脈で使用されていたが、現在では必ずしもそうではない。 CSSの文脈での主な用途としては特定のタグに特定のスタイルを当てはめ、文字の装飾…
github.com Puppeteer の使い方を説明する。大きな流れとしては、次の通りである。 まず最初にブラウザを初期化・起動する。 操作したい部分を セレクタ や XPath で選択する クリック操作や入力操作を行ったり、内包するテキストを読み込む ブラウザを終了 …