---
title: Cross-Browser Testing (Manual Setup)
tags: Chinese
---

# 跨瀏覽器測試(手動設定WebDriver)
您可將SideeX Recorder錄製出的測試案例於多種瀏覽器上運行，包含桌面瀏覽器Chrome、Firefox、Edge、Opera、Safari，與Android上之瀏覽器。本文將介紹如何在同一台電腦上達成跨瀏覽器測試。
## 桌面瀏覽器
1. 安裝[Java SE](https://www.oracle.com/technetwork/java/javase/downloads/index.html)
2. 建立一個目錄，例如`selenium_server`
3. 下載[Selenium Server](https://www.selenium.dev/downloads/) (已測版本：3.141.59)
4. 將`selenium-server-standalone-{version}.jar`存放至`selenium_server`目錄
5. 下載瀏覽器Web Driver並存放至`selenium_server`目錄
>#### 下列為目前SideeX支援的瀏覽器
>- [Chrome](#Chrome)
>- [Firefox](#Firefox)
>- [Edge](#Edge)
>- [Opera](#Opera)
>- [Safari](#Safari)
#### Chrome
> 已測版本：v74 on Windows and Mac
1. 下載[chromeDriver](http://chromedriver.chromium.org/downloads)，請選擇符合電腦上瀏覽器版本
2. 解壓縮後存放至`selenium_server`目錄
#### Firefox
> 已測版本：v67 on Windows and Mac
1. 下載[geckodriver](https://github.com/mozilla/geckodriver/releases)，請選擇符合電腦上作業系統版本
2. 解壓縮後存放至`selenium_server`目錄
#### Edge
> 已測版本：81.0.416.53 on Windows
1. 下載[msedgedriver](https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/#downloads)，請選擇符合電腦上瀏覽器版本
2. 解壓縮後存放至`selenium_server`目錄(若使用Selenium Server 3.x版則需將Driver檔名改為`MicrosoftWebDriver.exe`)
<!--
#### Edge Legacy
> 已測版本：EdgeHTML 17.17134 on Windows
1. 下載[msedgedriver](https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/#downloads)，請選擇符合電腦上瀏覽器版本
:::warning
Webdriver for Edge version 18版本以上 [尚未被支援](https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/#downloads)
:::
2. 解壓縮後存放至`selenium_server`目錄 -->
#### Opera
> 已測版本：v60.0.3255.143 on Mac
1. 下載[operadriver](https://github.com/operasoftware/operachromiumdriver/releases?fbclid=IwAR2DEj4cSrsegoKWXkT0yge6Prq6aaVVVWnJDn4bRSrrmwyU7ujfTTBuKn0)，請選擇符合電腦上作業系統版本
2. 解壓縮後存放至`selenium_server`目錄
#### Safari
> 已測版本：v13.0.2 on Mac
1. 開啟命令列並執行`safaridriver --enable`，輸入您的使用者密碼
2. 開啟Safari，點選**Safari** > **Preferences** > **Advanced**以啟用**Develop**選單，勾選**Show Develop Menu**
3. 點選**Develop**選單->**Allow Remote Automation**以啟用**Remote Automation**，.
6. 開啟SideeX Recorder並點選右上方設定按鈕
7. 啟用 **Playback through WebDriver**
8. 在**WebDriver Settings**中之**Server URL**欄位填入`localhost`，在**Port**欄位填入`4444`
9. 在**browerName**欄位填入`chrome`、`firefox`、`MicrosoftEdge`、`opera`或`safari`，並在其他欄位留白
10. 開啟命令列並將路徑變更為`selenium_server`目錄，執行`java -jar selenium-server-standalone-{version}.jar`
11. 如果您使用的是 MAC 作業系統，請在selenium_server目錄下於命令列輸入以下指令來授予瀏覽器WebDriver權限：
- 針對Chrome瀏覽器，請執行`spctl --add --label 'Approved' chromedriver`
- 針對Firefox瀏覽器，請執行`spctl --add --label 'Approved' geckodriver`
- 針對Edge瀏覽器，請執行`spctl --add --label 'Approved' MicrosoftWebDriver`
- 針對Opera瀏覽器，請執行 `chmod 755 operadriver`
- 針對Safari瀏覽器則無需做任何動作
12. 播放測試案例。這些被設定的瀏覽器將會被Selenium Server所啟動並運行測試案例。

## 行動瀏覽器
> 底下為目前SideeX所支援的行動裝置平台
> - [Android](#Android)
> - iOS (Coming soon)
### Android
> 已測環境：Google Pixel 3 on Windows
1. 安裝 [Appium](https://appium.io/)
2. 安裝 [Java](https://www.oracle.com/technetwork/java/javase/downloads/index.html)
3. 下載 [Chromedriver](https://chromedriver.chromium.org/downloads)，請選擇符合行動裝置上瀏覽器版本
4. 下載 [SDK Platform Tools](https://developer.android.com/studio/releases/platform-tools)
5. 下載 [Android Build Tools](https://androidsdkmanager.azurewebsites.net/Buildtools)
6. 將`SDK Platform Tools`與`Android Build Tools`解壓縮至一個目錄，例如`android_node`
7. 開啟**USB debugging**(位於Android手機上脂**Developer options**)，並將手機連結至電腦
:::info
若欲使用**Android Emulator**進行測試，請下載[Android Studio](https://developer.android.com/studio)與使用[**Android Virtual Device**](https://developer.android.com/studio/run/managing-avds)功能來啟動一個虛擬機，或者安裝其他Android Emulator軟體並開啟`USB debugging`功能
:::
8. 開啟Appium並點選`Edit Configurations`，於`ANDROID_HOME`輸入`/path/to/android_node`，於`JAVE_HOME`輸入`/path/to/JAVA/jrex.x.x_x`。點選`Save and Restart`
9. Appium啟動後，選擇`Advanced`，捲動至`Android`並於`Chromedriver Binary Path`填入Chrome Driver檔案路徑，點選`Start Server`
10. 開啟SideeX設定頁面，`WebDriver Settings`->`Add New Service`->`Appium`，`Server URL`填入`localhost`，`Port`填入`4723`。點選`Add New Browser`，於**browserName**、**platfromName**、**deviceName**、**automationName**欄位分別填入`chrome`、`android`、`<YOUR_PHONE_NAME>`、`UiAutomator2`
11. 於`Basic Setting`中啟用`Playback through WebDriver`
12. 播放測試案例