擷取瀏覽器追蹤記錄資訊

回報網頁式 Google Cloud 控制台的問題時，提供瀏覽器追蹤記錄資訊可協助我們瞭解及調查問題。本指南說明如何擷取及儲存相關構件，隨客服案件一併提交。

如需進一步瞭解回報問題時應附上哪些有用的資訊，請參閱「回報 Google Cloud 控制台問題」。

擷取 HAR 檔案

HAR (HTTP 封存檔) 是用來記錄 HTTP 工作階段資料的檔案格式，有助於排解 HTTP 問題。

警告：HAR 檔案中可能包含私密資料，例如瀏覽器 Cookie 和您在表單中提交的資訊。如有需要，您可以使用文字編輯器修改 HAR 檔案內容，或使用 HAR 清理工具遮蓋任何機密資訊。

如要使用瀏覽器擷取及儲存 HAR 檔案，請按照下列步驟操作：

Chrome

使用 Chrome 開發人員工具的「Network」(網路) 面板：

1. 在 Google Cloud 控制台中，前往發生問題的頁面。

2. 開啟 Chrome 開發人員工具：在頁面任意處按一下滑鼠右鍵，然後選擇「Inspect」(檢查)。

3. 在開發人員工具面板中，選取「Network」(網路) 分頁標籤，工具便會自動開始記錄網路活動。

4. 選取「Preserve log」(保留記錄)。

5. 按一下 「Clear network log」(清除網路記錄)。

6. 與 Google Cloud 控制台互動，重現問題。

7. 問題重現後，按一下 download「Export HAR (sanitized)」(匯出 HAR (已清除))，然後儲存產生的 HAR 檔案。

Edge

使用 Microsoft Edge DevTools 的 Network 工具：

1. 在 Google Cloud 控制台中，前往發生問題的頁面。

2. 開啟 Microsoft Edge DevTools：在頁面任意處按一下滑鼠右鍵，然後選擇「Inspect」。

3. 在 DevTools 面板中，選取「Network」分頁標籤，工具便會自動開始記錄網路活動。

4. 選取「Preserve log」。

5. 按一下 「Clear network log」。

6. 與 Google Cloud 控制台互動，重現問題。

7. 問題重現後，按一下 vertical_align_bottom「Export HAR」，然後儲存產生的 HAR 檔案。

Firefox

使用 Firefox DevTools 的 Network Monitor：

1. 在 Google Cloud 控制台中，前往發生問題的頁面。

2. 開啟 Firefox DevTools：在頁面任意處按一下滑鼠右鍵，然後選擇「Inspect」。

3. 在 DevTools 面板中，選取「Network」分頁標籤，工具便會自動開始記錄網路活動。

4. 依序點選 「Settings」和「Persist Logs」。

5. 按一下 delete「Clear」。

6. 與 Google Cloud 控制台互動，重現問題。

7. 問題重現後，依序按 「Settings」>「Save All As HAR」，然後儲存產生的 HAR 檔案。

Safari

使用 Safari Web Inspector 的 Network 分頁：

1. 啟用 Safari 開發人員工具。

2. 在 Google Cloud 控制台中，前往發生問題的頁面。

3. 開啟 Safari Web Inspector：在 Safari 選單列中，依序點選「Develop」>「Show Web Inspector」。

4. 在 Web Inspector 中，選取「Network」分頁標籤，工具便會自動開始記錄網路活動。

5. 選取「Preserve Log」，然後重新載入網頁。

6. 按一下 delete_forever「Clear Network Items」。

7. 與 Google Cloud 控制台互動，重現問題。

8. 問題重現後，按一下「Export」，然後儲存產生的 HAR 檔案。

完成後即可在客服案件中，將儲存的 HAR 檔案上傳為附件。

擷取效能設定檔

如果遇到效能問題 (例如網頁互動或轉譯速度緩慢)，您可以記錄瀏覽器效能設定檔。如要使用瀏覽器擷取及儲存效能設定檔，請按照下列步驟操作：

Chrome

使用 Chrome 開發人員工具的「Performance」(效能) 面板：

1. 在 Google Cloud 控制台中，前往發生問題的頁面。

2. 開啟 Chrome 開發人員工具：在頁面任意處按一下滑鼠右鍵，然後選擇「Inspect」(檢查)。

3. 在開發人員工具面板中，選取「Performance」(效能) 分頁標籤。

4. 按一下 refresh「Record and reload」(記錄並重新載入)，然後與 Google Cloud 控制台互動，重現問題。

   分析器最多會記錄 10 秒的過程，或直到緩衝區已滿為止。如要記錄更長的設定檔來擷取問題，可以按 radio_button_checked「Record」(記錄)和 stop_circle「Stop」(停止) 來手動控制記錄作業。

5. 記錄完設定檔後，請依序按 download「Save profile」(儲存設定檔)>「Save trace」(儲存追蹤記錄)，然後儲存產生的檔案。

Edge

使用 Microsoft Edge DevTools 的 Performance 工具：

1. 在 Google Cloud 控制台中，前往發生問題的頁面。

2. 開啟 Microsoft Edge DevTools：在頁面任意處按一下滑鼠右鍵，然後選擇「Inspect」。

3. 在 DevTools 面板中，選取「Performance」分頁標籤。

4. 按一下 refresh「Start profiling and reload page」，然後與 Google Cloud 控制台互動，重現問題。

   分析器最多會記錄 10 秒的過程，或直到緩衝區已滿為止。如要記錄更長的設定檔來擷取問題，可以按 radio_button_checked「Record」和 stop_circle「Stop」來手動控制記錄作業。

5. 記錄完設定檔後，請按一下 vertical_align_bottom「Save profile」，然後儲存產生的檔案。

Firefox

使用 Firefox Profiler：

1. 啟用 Firefox Profiler 彈出式視窗，Firefox 工具列中隨即會新增一個分析器圖示。

2. 在 Google Cloud 控制台中，前往發生問題的頁面。

3. 開啟 Firefox Profiler 選單：在 Firefox 工具列中，按一下分析器圖示旁的箭頭。

4. 在分析器選單的「Settings」欄位中，選取「Web Developer」。

5. 按一下「Start Recording」，重新載入網頁，然後與 Google Cloud 控制台互動，重現問題。

   如要停止記錄，請按一下 Firefox 工具列中的分析器圖示，Firefox Profiler 網頁應用程式便會開啟新分頁，顯示已記錄的資料。

6. 依序按「Upload Local Profile」和「Download」，然後儲存產生的檔案。

Safari

使用 Safari Web Inspector 的 Timelines分頁：

1. 啟用 Safari 開發人員工具。

2. 在 Google Cloud 控制台中，前往發生問題的頁面。

3. 開啟 Safari Web Inspector：在 Safari 選單列中，依序點選「Develop」>「Show Web Inspector」。

4. 在 Web Inspector 中，選取「Timelines」分頁標籤。

5. 選取「Stop recording once page loads」。

6. 重新載入網頁，然後與 Google Cloud 控制台互動，重現問題。

   分析器最多會記錄 10 秒的過程，或直到緩衝區已滿為止。如要記錄更長的設定檔來擷取問題，可以按 「Start recording」和 「Stop recording」來手動控制記錄作業。

7. 記錄完設定檔後，請按一下「Export」，然後儲存產生的檔案。

完成後即可在客服案件中，將儲存的效能設定檔上傳為附件。