如果您曾經需要測試需要身份驗證的應用程式，您就會知道其中的痛苦：每次都要登錄，或者更糟的是，將您的憑證交給 LLM。
有了適用於 Chrome 和 Edge 的全新Playwright MCP 瀏覽器擴充程序，這一切就不再需要了。現在，您可以根據現有的瀏覽器設定檔（已登入的設定檔）啟動 MCP 伺服器，並測試您的應用程式。
為什麼這對測試人員很重要
以前，使用 Playwright MCP 伺服器意味著：
-
從乾淨的瀏覽器狀態開始
-
每次都手動登入
-
或將憑證傳遞到 LLM（對於安全性來說並不理想！）
現在，您可以：
✅ 重複使用您已用於測試的瀏覽器設定文件
✅ 直接在登入會話中啟動
✅ 在該上下文中執行 Playwright MCP 指令
這為 QA 工程師開闢了更現實的測試工作流程，特別是在處理需要身份驗證的企業應用程式時。
安裝 Playwright MCP 瀏覽器擴充功能
此擴充功能適用於Chrome、Edge 或任何基於 Chromium 的瀏覽器。
-
解壓縮檔。
-
在瀏覽器中開啟
chrome://extensions或edge://extensions。 -
啟用開發者模式。
-
點擊“載入解壓縮後的擴充功能”並選擇擴充資料夾。
現在您將在擴充功能清單中看到Playwright MCP Bridge 。
配置 MCP 伺服器
接下來，配置您的 Playwright MCP 伺服器以使用該擴充功能。
-
在 VS Code 中，前往 MCP 伺服器設定。
-
新增
--extension標誌以啟用擴充支援。 -
如果您尚未安裝 Playwright MCP 擴展，您可以直接從 VS Code 安裝。
"playwright": {
"type": "stdio",
"command": "npx",
"args": [
"@playwright/mcp@latest",
"--extension"
],
},提示：您可以從 VS Code 的擴充功能標籤安裝 Playwright MCP 伺服器，然後使用齒輪圖示選擇「顯示設定 JSON」選項輕鬆新增「--extension」。
就是這樣 — 您的 MCP 伺服器現在已經知道該擴充功能了。
在登入的個人資料上進行測試
以下是令人興奮的部分：
-
在您想要使用的設定檔上開啟瀏覽器並登入您想要測試的網站（例如 GitHub）。
-
啟動您的 MCP 伺服器並要求它導航到一個網站。
-
選擇您希望 MCP 伺服器連接的選項卡。
在這裡，您可以指示代理模式下的 Copilot 在登入狀態下與您的應用程式互動。例如：
-
導航至您的個人資料頁面
-
更改帳戶設定
-
為經過身份驗證的用戶流產生測試
在我的演示中，我更新了 GitHub 個人資料代名詞——MCP 從登入會話中無縫處理了它。
為什麼這會改變遊戲規則
此擴充功能可以實現以下功能：
-
測試真實用戶會話，無需擔心登入
-
針對需要身份驗證的企業應用程式執行自動化
-
留在您自己的個人資料中，以確保您的登入憑證安全
對於測試人員來說，這意味著更快的設定、更真實的測試和更高的安全性。
開始
👉 查看Playwright MCP 瀏覽器擴充文件並親自嘗試。
我很想聽聽您在測試工作流程中如何使用登入設定檔。歡迎留言分享您的使用場景！
{% 嵌入 https://youtu.be/uE0r51pneSA?si=CFPZf6c8F45cACAW %}
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
