PythonのSeleniumを使って、起動済みのブラウザを操作する。

# はじめに
　お久しぶりです。就活が忙しくて、あんまり技術系の勉強が出来なかったですが、就活が無事終わったので、記事を書きます。実はバイト先の人に頼まれた、業務自動化に関して、ぶち当たった壁についてまとめます。
　また、この記事のC♯バージョンとして、以下の記事を参考にしました。@yk109さんには本当に感謝しています。それに、Teratailの記事もとても参考になりました。URLを載せておきます。

・参考記事：[SeleniumのChromeDriverで起動済みのブラウザを操作する](https://qiita.com/yk109/items/6cab9564d1844d272a8c)
・参考記事：[Seleniumで既に開いているウィンドウ](https://teratail.com/questions/321242)
# 誰向けの記事？
　この記事は、

・”起動済み”のブラウザを、Pythonで自動操作したい人(Windows上)
・pythonによるseleniumがとりあえず使える人

に向けた記事です。seleniumのインストールとかは省きます。他の記事を参考にしてください。
　
　まあ調査背景として、Python+Seleniumの解説記事のほとんどが、
「Pythonファイル実行」⇒「ブラウザ自動立ち上げ」⇒「そのブラウザを自動操作」
っていうのばかりですが、
「私がブラウザ上で操作」⇒「Pythonファイル実行」⇒「そのブラウザを自動操作」
っていうプロセスを説明する記事があまりなかったので、私がまとめました。（素人が素人向けにまとめる記事なので、なるべく丁寧に書きますが、間違いがあったらご指摘ください。）

　私自身の為にも、説明多めで書きます。うざかったらごめんなさい(m´・ω・｀)m ｺﾞﾒﾝ…。でも楽しく書いていきます！

# 処理手順
　やることは2つです。①「Chromeのポート番号を固定し、起動する」②「ポート番号を頼りに、Seleniumがブラウザを認識し、操作する」

## ①Chromeのポート番号を固定し、起動する
### chrome.exeのパス探し
　実はChromeでは、EXEファイル実行時にパラメータを渡してやることによって、クライアント側であるChromeのポート番号を固定することが出来ます。その為にもまず、Chrome.exeのPathを知っておくと便利でしょう。という事で、Windowsのアプリ一覧から、下の3枚の画像みたいに、Chromeのパスを探していきましょう。

１．アプリ一覧からChromeを右クリックし、その他から「ファイルの場所を開く」をクリック
![スクリーンショット (339).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554112/ac1a49ba-31e8-a9a2-3b98-2f9d7ceafa15.png)
２．ショートカットに飛ばされるので、それを右クリックし、「ファイルの場所を開く」をクリック
![スクリーンショット (340).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554112/824b5113-31e7-97d2-e4d8-3f25a856300d.png)
３．chrome.exeがある場所が示されるので、ここまでのパスをメモする。
![スクリーンショット (341).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554112/4c1441da-0853-c2bb-5a65-76bb0753a3c4.png)

私の場合、パスは`C:\Program Files\Google\Chrome\Application\chrome.exe`でした。

### ポートを固定する引数を指定しながらchrome.exeを実行する
　Chromeは、コマンドプロンプトから実行する場合、引数を指定できます。そして今回、以下の2つの引数を指定します。

`-remote-debugging-port=9222`
`--user-data-dir="適当なパス（chromeのデータがいっぱいできても良い場所）"`

上のremoteなんちゃらは、chromeのポート番号（クライアントとサーバーでいうと、クライアント）を9222番に固定しています。そして、userなんちゃらは、chromeを動作する上での、諸ファイルを保存しておく場所です。適当でいいですが、結構沢山ファイルができるので注意です。
　そして、コマンドプロンプト上で、以下のコマンドを実行する事で、ポート番号を固定しながらchromeを開くことが出来ます。

```ruby:portを固定しchromeを開く(cmd上)
"C:\Program Files\Google\Chrome\Application\chrome.exe" -remote-debugging-port=9222 --user-data-dir="適当なパス（chromeのデータがいっぱいできても良い場所）"
```

### 実行コマンドをbatファイルにする
　このままでは、chromeを実行するたびに、コマンドプロンプトでながぁ～いコマンドを打ち込まなきゃいけません。めんどうですね。なので、上記の内容をバッチファイルにしておきましょう。メモ帳上で以下の内容を書き込んで、拡張子を".bat"で保存すればokです。

```ruby:openChrome.bat
"C:\Program Files\Google\Chrome\Application\chrome.exe" -remote-debugging-port=9222 --user-data-dir="適当なパス（chromeのデータがいっぱいできても良い場所）"
```

### 適当なサイトにアクセスする
　先ほどのバッチファイルをクリックして、chromeを起動し、適当なサイトへアクセスしてみてください。試しに、阿部寛のサイトへアクセスしてみます。阿部寛のサイトを開いたら、chromeはそのままにしておいてください。

１．さっき作ったバッチファイルをクリック
![スクリーンショット (342).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554112/3c788038-6215-e79c-1742-df911f6e31f3.png)
２．chromeが起動（今回はゲストモードで起動）
![スクリーンショット (343).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554112/c62eabef-cb96-fc58-d067-cc782c10adf0.png)
３．阿部寛の公式サイト（http\://abehiroshi.la.coocan.jp）へアクセスする。
![スクリーンショット (344).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554112/0c48fcaa-4cb3-2daa-4931-d5bee0d22a6f.png)



## ②ポート番号を頼りに、Seleniumがブラウザを認識し、操作する
### 開いているchromeのIPアドレスを確認する
　selenium側から、既に開いているchromeブラウザを探すとき、IPアドレス＋ポート番号が必要になります。それを調べるためにも、コマンドプロンプト上で、以下のコマンドを入力しましょう。やってることは`netstat`でポート番号を絞って検索しているだけです。

```ruby:ポート番号9222の状態を確認する(cmd上)
netstat -nao | find ":9222"
```
そして、さっき開いたブラウザが起動していれば、以下の画像のようにIPアドレスとポート番号が見れます。見れない場合は、ブラウザを閉じちゃったとか、タブを開いたり閉じたりしちゃったとかです。バッチファイルをクリックするところからやり直してみてください。
　私の場合、以下のIPアドレスでしたね。これを使います。

`127.0.0.1:9222`

![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554112/159d4691-5343-e836-3ac1-ce14a60d57e4.png)


### PythonのSeleniumから、開いているChromeのページタイトルを取得する
　ここまで来れば、もう完成です。Pythonファイルを作り、以下のコードを記述してください。（このソースをそのまま使う場合、chromedriver.exeを同じフォルダ内においてください）途中のオプションで、先ほどのIPアドレス＋ポート番号を使っています。

```ruby:readSource.py
from selenium import webdriver
from os.path import join

root = join(__file__, "..")

# webdriverオブジェクトを作る（ブラウザが開く）
driver_path=join(root, "chromedriver.exe")

# 起動時にオプションをつける。（ポート指定により、起動済みのブラウザのドライバーを取得）
options = webdriver.ChromeOptions()
options.add_experimental_option("debuggerAddress", "127.0.0.1:9222")
driver = webdriver.Chrome(executable_path=driver_path, options=options)

# ページのタイトルを表示する
print(driver.title)
print("========== source ========== ")
print(driver.page_source)

```
　これを実行してみると、阿部寛の情報が表示されますね（シンプルなHTMLソースも表示されますね）。

また、今開いているブラウザ上で、他のサイトにアクセスして、もう一回Pythonファイルを実行すると、アクセス先の情報に変わるのが分かると思います。

# 最後に
　ユーザーが操作している起動済みのブラウザを、Pythonで随時監視するのって、意外とやろうとしている人いないんですかね。公式のドキュメント以外だと、参考記事くらいしかなかったと思います。
　私と同じ状況になった誰かさんの為にも、説明多めの記事を書きたかったので、今回まとめました。就活も終わったし、いろいろ頑張っていきたいと思います👍それじゃ！
![図1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554112/9b9cbc0b-c667-cd99-aedb-893bc8370c22.png)