# 快速架起 Selenium Debug mode 環境

## 緣起

開發動態爬蟲的專案時，最麻煩的就是下載和配置 Webdriver。為了提升開發效率，爬了很多文，筆記出以下方法，並將成果回饋給社群。對英文把握度高的可以直接看參考文章的原文，了解更詳盡的內容。

參考文章：[Debug Selenium Tests in Docker using VNC Viewer](https://dev.to/automationbro/debug-selenium-tests-in-docker-using-vnc-viewer-59nj)

## 操作步驟

**步驟一：** 下載、安裝並啟動 Docker。

[官方網站](https://www.docker.com/get-started)

**步驟二：** 下載 Selenium 的指定 Docker 映像檔。

docker pull selenium/standalone-chrome-debug

**步驟三：** 運行映像檔，並使用指令與參數設定環境。

docker run -d -p 4444:4444 -p 5900:5900 --shm-size=2g selenium/standalone-chrome-debug

**步驟四：** 下載、安裝並啟動 VNC viewer。

[官方網站](https://www.realvnc.com/en/connect/download/viewer/)

**步驟五：** 在 VNC 的視窗中輸入以下位址，並按下 Enter 鍵送出。

0.0.0.0:5900

**步驟六：** 送出後一路確認到需要輸入密碼處，並輸入預設密碼。

secret 

**步驟七：** 執行下方測試檔確認是否成功建立環境。

from selenium import webdriver
from selenium.webdriver.common.desired_capabilities import DesiredCapabilities

driver = webdriver.Remote(
    desired_capabilities=DesiredCapabilities.CHROME,
    command_executor='http://127.0.0.1:4444/wd/hub'
)

driver.get('http://www.google.com')

print(driver.title)
driver.close()

[測試檔下載連結](https://gist.github.com/lloyd3126/fe51418916621904d91cc8bed35b7649)

**步驟八：** 跳出 `http://www.google.com/` 代表環境已建立成功。

---
同步發佈於 [Medium](https://medium.com/@lloyd3126/%E5%BF%AB%E9%80%9F%E6%9E%B6%E8%B5%B7-selenium-debug-mode-%E7%92%B0%E5%A2%83-7438e7130ff2)