如何在瀏覽器中查看和保存控制台日誌

當您與網站交互時，您看到的 UI 背後有很多事情要做。對於您單擊的所有內容，該網站都會與服務器通信以顯示您想要的信息。當網站沒有以應有的方式響應時，您需要檢查出了什麼問題，您要查看的一件事是發送和接收的消息/請求。您可以通過作為某些瀏覽器功能的 Web 控制台來執行此操作。具體來說，您可以在 Chrome 和所有其他基於 Chromium 的瀏覽器（如 Edge 或 Opera）中執行此操作。該過程將是相同的，因此我們將向您展示如何在 Chrome 中執行此操作。

查看和保存控制台日誌

打開瀏覽器並導航到您要查看其所有發送/接收請求的網站。使用該網站，直到它拋出錯誤或它以不應該的方式做出反應，例如，您單擊“登錄”，然後它會將您帶到其主頁。

點擊 F12 鍵，或點擊 Ctrl+Shift+I 鍵盤快捷鍵，或轉到瀏覽器的設置菜單並查找開發人員工具。在 Chrome 中，您必須單擊更多選項按鈕並轉到更多工具>開發人員工具。

工具將在底部或側面打開，拆分當前選項卡。開發人員工具有很多小標籤。查找控制台選項卡並選擇它。

該日誌已經填充了在網站與其通信的服務器之間發送的每個請求。你只需要保存它。在控制台內右鍵單擊，然後選擇“另存為”選項。將打開一個保存文件對話框。選擇要保存文件的位置，然後就完成了。

該文件將具有 LOG 文件擴展名，但它是一個文本文件，因此您可以使用記事本或您選擇的任何其他文本編輯器查看它。如果您在網站上遇到問題，此文件可以幫助您解決問題。如果問題特定於瀏覽器，例如，網站在 Firefox 中無法響應但在 Chrome 中運行良好，您將需要一種不同的方式來獲取日誌。很多人使用一種名為 Charles Proxy 的付費工具。它已經存在了一段時間，並已成為查看網絡流量的首選工具。您可以尋找免費的替代品；有免費的 Fiddler。這些工具的設置往往有點複雜，這就是為什麼瀏覽器控制台要好得多。