行動裝置上的除錯

iOS 除錯的最低需求

• 在 Mac Mac 上運行的野生動物園版本 6 以上
• 智慧型手機

使用 Safari 遠端除錯

蘋果的 iOS 6 更新推出了 Safari 遠程調試，它允許您在 iOS 設備上的 Safari 應用程序中調試網頁。若要開始使用，請依照下列步驟操作：

1. 透過 USB 連接線將 iOS 裝置連接至電腦。
2. 在您的設備上，打開設定值應用程式。選擇蘋果瀏覽器，向下滾動到頁面底部，然後打開高級菜單。啟用網頁檢查器選項。

   

3. 仍在您的設備上，打開蘋果瀏覽器應用程序並瀏覽到任何網頁。
4. 在Mac上，啟動蘋果瀏覽器， 打開首選項（ Safari>首選項），然後導航到高級部分。啟用在菜單欄中顯示“開發”菜單選項。

   

5. 打開發展菜單。您將會看到列出您的 iOS 裝置。當您將滑鼠移到裝置名稱上時，您會看到您在裝置上瀏覽的網站 URL。

   

6. 選擇URL和一個網頁檢查器窗口將打開，您可以從桌面預覽，檢查和調試移動瀏覽器中的內容。

   

7. 在裡面資源資源部分中，您可以預覽和檢查網頁。將鼠標懸停在網頁檢查器將在iOS設備上的瀏覽器中突出顯示相應的元素。

   

8. 您也可以使用調試器和安慰部分，通過設置斷點，記錄數據等來進一步調試頁面。

安卓調試的最低要求

• 在 Mac 或視窗上執行
• 安卓裝置與瀏覽器

注意：本節中的步驟是使用運行 Android 4.3 的設備編寫的。

在您的裝置上啟用除錯

您必須先在裝置設定中啟用 USB 偵錯，才能開始偵錯裝置上的內容。

1. 如果您運行的是Android 4.2+，則需要啟用設備的開發人員選項在您打開USB調試之前。在您的設備上，打開設定值應用，然後選擇關於手機菜單。找到您設備的內部編號然後點擊七次
2. 打你設備的背部按鈕，您將看到開發人員選項設置中列出的菜單。

   

3. 打開開發人員選項菜單，然後選中相應的框以啟用USB調試。

   

遠程調試使用

現在您的裝置上已啟用 USB 偵錯，請依照下列步驟透過 Chrome 啟動遠端偵錯：

1. 在您的計算機上，啟動鉻並瀏覽到about:inspect。在設備頁面上，啟用發現USB設備選項。

   

2. 透過 USB 傳輸線將裝置連接至電腦。在您的裝置上，系統會出現一個對話方塊，詢問您是否要允許 USB 偵錯。選擇好以允許您的計算機連接到設備。

   

3. 在您的設備上，打開鉻應用程序並瀏覽到網頁。
4. 還給鉻在你的電腦。在about:inspect頁面上，您應該看到已連接的設備。在裝置名稱下方，您可以在裝置上看到 Chrome 中開啟的所有網頁清單。

   

5. 要開始調試網頁，請選擇檢查頁面網址下方的鏈接。這將打開Chrome的開發者工具。

   

6. 在左邊元素標籤，您可以選擇設備圖標以打開DevTool的截屏功能。這可讓您開啟內容在行動裝置上顯示的即時預覽。有關如何使用屏幕廣播與設備進行交互的更多信息，請訪問Google的文件。

查爾斯的最低要求

• 查爾斯與視窗，Mac 和 Linux 兼容
• iOS 及/或安卓裝置

在您的機器上設置查爾斯

按照以下步驟讓查爾斯在您的電腦上運行。

1. 下載並在您的計算機上安裝Charles。
2. 在您的計算機上運行查爾斯。從功能表中選取「 > 代理伺服器設定」。確定已指派連接埠 (例如 8888)，且已選取 [啟用透明 HTTP 代理 ] 選項。

   

3. 選取「確定」以儲存變更並關閉對話方塊。
4. 從功能表中選取代理主機 > SSL 代理伺服器設定值。確定已選取 [啟用 SSL 代理 ] 選項。

   

5. 在「位置」區段中，選取「新增」按鈕。在「編輯位置」對話方塊中，導覽至「連接埠」欄位，然後輸入 443 。選取 [確定] 以儲存此變更。

   

6. 選取「確定」以關閉「編輯位置」對話方塊。

   

7. 選取「確定」以結束「 SSL 代理設定」對話方塊。
8. 導航幫助> SSL代理>在移動設備或遠程瀏覽器上安裝Charles Root證書。

   

9. 您應該會看到一則訊息，識別您將用來設定裝置的本機伺服器 IP 和連接埠號碼 (8888)。您還應該看到 URL 來下載並安裝證書。將這些檔案複製到電腦以供日後使用。

   

在您的裝置上設定查爾斯

在本節中，您將學習如何設置您的 iOS 和/或 Android 設備，以便在您的計算機上與查爾斯一起工作。

設定您的 iOS 裝置

1. 在您的裝置上，確定您已連線到與電腦相同的網路。您可以導航到設置> Wifi並選擇網絡名稱以顯示高級選項。

   

2. 在底部的HTTP部分中，選擇手冊模式。然後，新增伺服器 IP 和連接埠號碼 (8888) 您從查爾斯在上一個步驟中複製。

   

3. 在您的設備上，打開瀏覽器並導航到http://www.charlesproxy.com/getssl。您將被重定向到設備設置，系統將提示您安裝Charles Proxy自定義根證書個人資料。選擇安裝按鈕可在您的設備上安裝Charles證書。

   

4. 請依照下列步驟安裝查爾斯憑證。完成後，選擇完成了。

   

5. 接下來，您已準備好確保您的裝置信任 Charles 憑證。在您的設備上，導航至常規>關於>證書信任設置。在這裡你應該找到查爾斯代理證書。

   

6. 啟用查爾斯憑證。請注意警告訊息。您可能想要在不使用查爾斯進行偵錯時停用此憑證。

   

7. 現在，你將能夠看到在查爾斯發送和接收的任何數據。

   

設定您的安卓裝置

1. 在您的設備上，打開瀏覽器並導航到//chls.pro/ssl。
2. 系統將提示您證書名稱對話。為證書指定名稱並設置用於到無線上網。選擇好安裝證書。

   

3. 接下來，打開設置> Wi-Fi菜單。您會在裝置上看到已連線的網路清單。選取您目前連線的無線網路。請記住，這個網路必須符合您在電腦上連線的網路。
4. 這將打開一個包含三個選項的小對話框-編輯，查看或忘記。選取編輯。
5. 在此對話框中，向下滾動到底部並啟用顯示高級選項領域。這將顯示代理和 IP 設置。

   

6. 改變代理設定到手冊。
7. 填寫代理主機名字段以及您計算機的IP地址和代理端口字段以匹配在Charles中設置的端口（默認情況下，端口設置為8888）。選取「儲存」。

   

8. 在裝置的預設瀏覽器中，瀏覽至網站。您將能夠看到在查爾斯發送和接收的任何數據。