擷取瀏覽器追蹤以進行疑難排解

發行項
04/25/2024

如果您要對 Azure 入口網站的問題進行疑難排解，而且需要連絡 Microsoft 支援服務，您可以先擷取一些額外的資訊。例如，將瀏覽器追蹤、步驟錄製和主控台輸出提供給我們，可能會有幫助。這些資訊可提供相關的重要詳細資料，讓我們了解在問題發生時，入口網站中的確切情況為何。

警告

瀏覽器追蹤通常包含敏感性資訊，而且可能包含連結至您身分識別的驗證權杖。請先移除任何敏感性資訊，再與其他人共用追蹤。 Microsoft 支援只會使用這些追蹤來進行疑難排解。

您可以用任何支援的瀏覽器來擷取此資訊：Microsoft Edge、Google Chrome、Safari (適用於 Mac) 或 Firefox。每個瀏覽器的步驟如下所示。

Microsoft Edge

下列步驟示範如何使用 Microsoft Edge 中的開發人員工具。如需詳細資訊，請參閱 Microsoft Edge DevTools。

注意

下列螢幕擷取畫面顯示焦點模式下的 DevTools，包含垂直的活動列。視您的設定而定，您的設定看起來可能會有所不同。如需詳細資訊，請參閱使用焦點模式簡化 DevTools。

登入 Azure 入口網站。請務必「先」登入，然後再開始追蹤，這樣追蹤才不會包含與您的帳戶相關的敏感性資訊。
使用步驟收錄程式，開始錄製您在入口網站中所採取的步驟。
在入口網站中，瀏覽至發生問題之前的步驟。
按 F12 啟動 Microsoft Edge DevTools。您也可以從工具列功能表的 [其他工具]>[開發人員工具] 底下啟動工具。
根據預設，瀏覽器只會保留目前載入頁面的追蹤資訊。設定下列選項，讓瀏覽器保留所有的追蹤資訊，即使您的重現步驟需要前往一個以上的頁面。
1. 選取 [主控台] 索引標籤，選取 [主控台設定]，然後選取 [保留記錄]。
2. 選取 [網路] 索引標籤。如果看不到該索引標籤，請按一下 [其他工具] (+) 按鈕，然後選取 [網路]。然後，從 [網路] 索引標籤中選取 [保留記錄]。
在 [網路] 索引標籤上，選取 [停止錄製網路記錄] 和 [清除]。
選取 [錄製網路記錄]，然後在入口網站中重現問題。

您會看到類似下圖的工作階段輸出。
重現非預期的入口網站行為之後，請選取 [停止錄製網路記錄]，然後選取 [匯出 HAR] 並儲存檔案。
停止步驟收錄程式，並儲存錄製內容。
回到瀏覽器開發人員工具窗格，選取 [主控台] 索引標籤。以滑鼠右鍵按一下其中一個訊息，選取 [另存新檔 ...]，然後將主控台輸出儲存至文字檔。
以壓縮格式 (例如 .zip) 封裝瀏覽器追蹤 HAR 檔案、主控台輸出和螢幕錄製檔案。
使用支援要求中的檔案上傳選項，與 Microsoft 支援服務共用壓縮檔案。

Google Chrome

下列步驟示範如何使用 Google Chrome 中的開發人員工具。如需詳細資訊，請參閱 Chrome DevTools。

登入 Azure 入口網站。請務必「先」登入，然後再開始追蹤，這樣追蹤才不會包含與您的帳戶相關的敏感性資訊。
使用步驟收錄程式，開始錄製您在入口網站中所採取的步驟。
在入口網站中，瀏覽至發生問題之前的步驟。
按 F12 啟動開發人員工具。您也可以從工具列功能表的 [其他工具]>[開發人員工具] 底下啟動工具。
根據預設，瀏覽器只會保留目前載入頁面的追蹤資訊。設定下列選項，讓瀏覽器保留所有的追蹤資訊，即使您的重現步驟需要前往一個以上的頁面：
1. 選取 [主控台] 索引標籤，選取 [主控台設定]，然後選取 [保留記錄]。
2. 選取 [網路] 索引標籤，然後選取 [保留記錄]。
在 [網路] 索引標籤上，選取 [停止錄製網路記錄] 和 [清除]。
選取 [錄製網路記錄]，然後在入口網站中重現問題。

您會看到類似下圖的工作階段輸出。
重現非預期的入口網站行為之後，請選取 [停止錄製網路記錄]，然後選取 [匯出 HAR] 並儲存檔案。
停止步驟收錄程式，並儲存錄製內容。
回到瀏覽器開發人員工具窗格，選取 [主控台] 索引標籤。以滑鼠右鍵按一下其中一個訊息，選取 [另存新檔 ...]，然後將主控台輸出儲存至文字檔。
以壓縮格式 (例如 .zip) 封裝瀏覽器追蹤 HAR 檔案、主控台輸出和螢幕錄製檔案。
使用支援要求中的檔案上傳選項，與 Microsoft 支援服務共用壓縮檔案。

Safari

下列步驟示範如何在 Mac 上使用 Apple Safari 中的開發人員工具。如需詳細資訊，請參閱 Safari 開發人員工具概觀。

啟用 Safari 中的開發人員工具：
1. 選取 [Safari]，然後選取 [偏好設定]。
2. 選取 [進階] 索引標籤，然後選取 [在功能表列中顯示開發功能表]。
登入 Azure 入口網站。請務必「先」登入，然後再開始追蹤，這樣追蹤才不會包含與您的帳戶相關的敏感性資訊。
開始錄製您在入口網站中所採取的步驟。如需詳細資訊，請參閱如何在 Mac 上錄製螢幕。
在入口網站中，瀏覽至發生問題之前的步驟。
選取 [開發]，然後選取 [顯示 Web 檢查程式]。
根據預設，瀏覽器只會保留目前載入頁面的追蹤資訊。設定下列選項，讓瀏覽器保留所有的追蹤資訊，即使您的重現步驟需要前往一個以上的頁面：
1. 選取 [主控台] 索引標籤，然後選取 [保留記錄]。
2. 選取 [網路] 索引標籤，然後選取 [保留記錄]。
在 [網路] 索引標籤上，選取 [清除網路項目]。
請在入口網站中重現問題。您會看到類似下圖的工作階段輸出。
重現非預期的入口網站行為之後，請選取 [匯出] 並儲存檔案。
停止螢幕錄製程式，並儲存錄製內容。
回到瀏覽器開發人員工具窗格，選取 [主控台] 索引標籤並展開視窗。將游標放在主控台輸出的開頭，然後拖曳並選取輸出的完整內容。使用 -C 命令來複製輸出，並將儲存至文字檔。
以壓縮格式 (例如 .zip) 封裝瀏覽器追蹤 HAR 檔案、主控台輸出和螢幕錄製檔案。
使用支援要求中的檔案上傳選項，與 Microsoft 支援服務共用壓縮檔案。

Firefox

下列步驟示範如何使用 Firefox 中的開發人員工具。如需詳細資訊，請參閱 Firefox 開發人員工具。

登入 Azure 入口網站。請務必「先」登入，然後再開始追蹤，這樣追蹤才不會包含與您的帳戶相關的敏感性資訊。
開始錄製您在入口網站中所採取的步驟。在 Windows 上使用步驟收錄程式，或參閱如何在 Mac 上錄製螢幕。
在入口網站中，瀏覽至發生問題之前的步驟。
按 F12 啟動開發人員工具。您也可以從工具列功能表的 [其他工具]>[Web 開發人員工具] 底下啟動工具。
根據預設，瀏覽器只會保留目前載入頁面的追蹤資訊。設定下列選項，讓瀏覽器保留所有的追蹤資訊，即使您的重現步驟需要前往一個以上的頁面：
1. 選取 [主控台] 索引標籤，選取 [設定] 圖示，然後選取 [保存記錄]。
2. 選取 [網路] 索引標籤，選取 [設定] 圖示，然後選取 [保存記錄]。
在 [網路] 索引標籤上，選取 [清除]。
請在入口網站中重現問題。您會看到類似下圖的工作階段輸出。
重現非預期的入口網站行為之後，請選取 [全部儲存為 HAR]。
停止 Windows 上的步驟收錄程式或 Mac 上的螢幕錄製，並儲存錄製內容。
回到瀏覽器開發人員工具窗格，選取 [主控台] 索引標籤。以滑鼠右鍵按一下其中一個訊息，然後選取 [將所有訊息儲存至檔案]，並將主控台輸出儲存至文字檔。
以壓縮格式 (例如 .zip) 封裝瀏覽器追蹤 HAR 檔案、主控台輸出和螢幕錄製檔案。
使用支援要求中的檔案上傳選項，與 Microsoft 支援服務共用壓縮檔案。

下一步

深入了解 Azure 入口網站。
了解如何在 Azure 入口網站中開啟支援要求。
深入了解支援要求的檔案上傳需求。